jquery 通过遍历数组 使用字符串拼接数组的value，动态生成input标签，怎么写代码

可以使用 jQuery 的 each() 方法来遍历数组，然后使用字符串拼接生成 input 标签的 HTML。下面是一个示例代码：

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 如下：

<input type="text" value="apple">
<input type="text" value="banana">
<input type="text" value="orange">

你可以根据自己的需求修改生成的 HTML。

相关问题

jQuery1. 作为⼀般函数调⽤: $(param) 1). 参数为函数 : 当DOM加载完成后，执⾏此回调函数 2). 参数为选择器字符串: 查找所有匹配的标签, 并将它们封装 成jQuery对象 3). 参数为DOM对象: 将dom对象封装成jQuery对象 4). 参数为html标签字符串 (⽤得少): 创建标签对象并封装成 jQuery对象 2. 作为对象使⽤: $.xxx() 1). $.each() : 隐式遍历数组 2). $.trim() : 去除两端的空格 需求1. 点击按钮: 显示按钮的⽂本, 显示⼀个新的输⼊框 需求2. 遍历输出数组中所有元素值 ["aaa", "bbb", "ccc"] 需求3. 去掉" my tic "两端的空格

回答：

1. 实现需求1的代码：

$('button').click(function(){
  var btnText = $(this).text(); // 获取按钮的文本内容
  alert(btnText); // 弹出按钮文本内容
  $('body').append('<input type="text" />'); // 在body中添加一个新的输入框
});

2. 实现需求2的代码：

var arr = ["aaa", "bbb", "ccc"];
$.each(arr, function(index, value){ 
  console.log(value); // 遍历输出数组中所有元素值
});

3. 实现需求3的代码：

var str = " my tic ";
var newStr = $.trim(str); // 去掉字符串两端的空格
console.log(newStr); // 输出去掉空格后的结果

那如何通过jquery获取非input元素，页面数据生成数组

可以通过 jQuery 的选择器来获取非 input 元素，然后遍历这些元素，将它们的数据存入数组中。以下是一个示例代码：

var dataArray = []; // 定义一个空数组

// 选择你需要获取数据的元素，并遍历它们
$('.target-element').each(function() {
  var data = $(this).data('value'); // 获取元素的数据
  dataArray.push(data); // 将数据存入数组中
});

console.log(dataArray); // 打印数组

在上面的代码中，我们使用了 `.target-element` 选择器来获取需要获取数据的元素，使用 `.each()` 方法来遍历这些元素，然后通过 `.data()` 方法获取元素的数据，并将数据存入 `dataArray` 数组中。最后，我们通过 `console.log()` 方法打印数组。