<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>设置</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script charset="utf-8">
$(function () {
$('.del').on('click' ,function () {
$(this).parents('.ibox').remove();
})
var array = ["9", "2", "3", "4", "5"];
$("#addnum").click(function () {
for (i = 0; i < array.length; i++) {
add()
$(".num :eq(" + i + ")").val(array[i]);
}
})
function add(){
var tr = '<div class="ibox"> ' +
'<input type="text" class="num" maxlength="3" value=""/>' +
'<input type="button" value="删除" class="del"/>' +
'</div>';
$('#inputfield').append(tr);
}
})
</script>
</head>
<body>
<div>
<button height="8" type="button" id="addnum">+</button>
</div>
<div id="inputfield">
</div>
</body>
</html>
$('.del').on('click' ,function () {
$(this).parents('.ibox').remove();
})
`$('#inputfield').on('click' ,'.del',function () {
$(this).parents('.ibox').remove();
})`
通过父元素来对其子元素绑定事件
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。