循环创建input并复制
今天做一个循环创建TEXT的按钮 ，但是无法复制。初步估计是选择器的写法有问题求指点
$(function () {
var txt = ["1", "2", "3", "4", "5"]
$("#1").click(function () {
for (i = 0; i < txt.length; i++) {
tr = ' <div><input type="text" class="three3" value="ssss"/>' +
'</div>'
var $tr = $(tr);
//循环创建按钮
$("#2").append($tr);
//赋值
$(".three3 :eq(i)").val(txt[i]);
}
})
})
<body>
<button type="button" id="1">button</button>
<button type="button" id="3">button</button>
<div id="2"></div>
</body>
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
$(".three3 :eq(i)").val(txt[i]);
改为$(".three3 :eq("+i+")").val(txt[i]); `================================ <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $(function () { var txt = ["1", "2", "3", "4", "5"]; $("#1").click(function () { for (i = 0; i < txt.length; i++) { var tr = ' <div><input type="text" class="three3" value="ssss"/></div>' //循环创建按钮 $("#2").append(tr); //赋值 $(".three3 :eq("+i+")").val(txt[i]); } }) }); </script> </head> <body> <button type="button" id="1">Click</button> <button type="button" id="3">button</button> <div id="2"></div> </body> </html>2019-07-17 19:15:40赞同 展开评论
相关问答