jquery 通过遍历数组 使用字符串拼接数组的value,动态生成input标签,怎么写代码
时间: 2024-04-29 18:21:29 浏览: 12
可以使用 jQuery 的 each() 方法来遍历数组,然后使用字符串拼接生成 input 标签的 HTML。下面是一个示例代码:
```javascript
var arr = ['apple', 'banana', 'orange'];
var inputHtml = '';
$.each(arr, function(index, value) {
inputHtml += '<input type="text" value="' + value + '">';
});
$('body').append(inputHtml);
```
这里首先定义了一个包含三个元素的数组 `arr`,然后定义了一个空字符串 `inputHtml` 用于存储生成的 HTML。接着使用 each() 方法遍历数组,将每个元素的值拼接到 input 标签的 value 属性中,并将生成的 HTML 添加到 `inputHtml` 中。最后使用 jQuery 的 append() 方法将生成的 HTML 添加到页面中。
上述代码生成的 HTML 如下:
```html
<input type="text" value="apple">
<input type="text" value="banana">
<input type="text" value="orange">
```
你可以根据自己的需求修改生成的 HTML。
相关问题
那如何通过jquery获取非input元素,页面数据生成数组
可以通过 jQuery 的选择器来获取非 input 元素,然后遍历这些元素,将它们的数据存入数组中。以下是一个示例代码:
```javascript
var dataArray = []; // 定义一个空数组
// 选择你需要获取数据的元素,并遍历它们
$('.target-element').each(function() {
var data = $(this).data('value'); // 获取元素的数据
dataArray.push(data); // 将数据存入数组中
});
console.log(dataArray); // 打印数组
```
在上面的代码中,我们使用了 `.target-element` 选择器来获取需要获取数据的元素,使用 `.each()` 方法来遍历这些元素,然后通过 `.data()` 方法获取元素的数据,并将数据存入 `dataArray` 数组中。最后,我们通过 `console.log()` 方法打印数组。
如何通过jquery获取页面数据生成数组
可以使用 jQuery 的选择器来选取页面中的元素,然后使用 jQuery 的方法获取元素的值,最后将这些值组成一个数组。
例如,如果页面中有多个 input 元素,可以使用以下代码获取它们的值并生成一个数组:
```javascript
var values = [];
$('input').each(function() {
var value = $(this).val();
values.push(value);
});
console.log(values);
```
这段代码会选取页面中的所有 input 元素,使用 `each()` 方法遍历它们,然后使用 `val()` 方法获取每个元素的值,并将这些值添加到数组中。最后,将数组打印到控制台中。