jquery 通过遍历数组 使用字符串拼接数组的value,动态生成input标签,怎么写代码
时间: 2024-04-29 07:21:29
浏览: 61
可以使用 jQuery 的 each() 方法来遍历数组,然后使用[字符串](https://geek.csdn.net/educolumn/ba94496e6cfa8630df5d047358ad9719?dp_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDQ0MDg2MiwiZXhwIjoxNzA3MzcxOTM4LCJpYXQiOjE3MDY3NjcxMzgsInVzZXJuYW1lIjoid2VpeGluXzY4NjQ1NjQ1In0.RrTYEnMNYPC7AQdoij4SBb0kKEgHoyvF-bZOG2eGQvc&spm=1055.2569.3001.10083)拼接生成 input 标签的 HTML。下面是一个示例[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083):
```[javascript](https://geek.csdn.net/educolumn/3e427b9940783449029130030e9c9e62?spm=1055.2569.3001.10083)
var arr = ['apple', 'banana', 'orange'];
var inputHtml = '';
$.each(arr, function(index, value) {
inputHtml += '<input type="text" value="' + value + '">';
$('body').append(inputHtml);
这里首先定义了一个包含三个元素的数组 `arr`,然后定义了一个空[字符串](https://geek.csdn.net/educolumn/ba94496e6cfa8630df5d047358ad9719?dp_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDQ0MDg2MiwiZXhwIjoxNzA3MzcxOTM4LCJpYXQiOjE3MDY3NjcxMzgsInVzZXJuYW1lIjoid2VpeGluXzY4NjQ1NjQ1In0.RrTYEnMNYPC7AQdoij4SBb0kKEgHoyvF-bZOG2eGQvc&spm=1055.2569.3001.10083) `inputHtml` 用于存储生成的 HTML。接着使用 each() 方法遍历数组,将每个元素的值拼接到 input 标签的 value 属性中,并将生成的 HTML 添加到 `inputHtml` 中。最后使用 jQuery 的 append() 方法将生成的 HTML 添加到页面中。
上述[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)生成的 HTML 如下:
```html
<input type="text" value="apple">
<input type="text" value="banana">
<input type="text" value="orange">
你可以根据自己的需求修改生成的 HTML。
相关问题
那如何通过jquery获取非input元素,页面数据生成数组
可以通过 jQuery 的选择器来获取非 input 元素,然后遍历这些元素,将它们的数据存入数组中。以下是一个示例代码:
```javascript
```