jQuery中使用append追加元素事件无效的解决方法

最新推荐文章于 2021-11-08 13:55:03 发布

程序媛-且行且学

最新推荐文章于 2021-11-08 13:55:03 发布

阅读量1.1k

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_41054215/article/details/108683525

版权

前端专栏收录该内容

11 篇文章

订阅专栏

<div class="dy_boxes">

</div>

<div class="weui-cells__title">
<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default btn11 btn_add" num="1">+ 新增</a>
</div>

JS部分：

// 新增
$('.btn_add').click(function(){
var num = $(this).attr('num');
var str = "";
str += "<div class='dy_box'>";
str += "<div class='weui-cells__title' style='margin-top:5px;'>成员 ";
str += "<a href='javascript:;' class='weui-btn weui-btn_mini weui-btn_default btn11 btn_del'>- 删除</a></div>";
str += "<div class='weui-cell'>";
str += "<div class='weui-cell__hd'><label class='weui-label'>姓名</label></div>";
str += "<div class='weui-cell__bd'>";
str += "<input class='weui-input' name='dy"+num+"' type='text' value='' placeholder='请输入团队成员姓名'>";
str += "</div></div></div>";

$('.dy_boxes').append(str);

$(this).attr('num',++num);
})

// 删除
$(".dy_boxes").on('click','.btn_del',function(){
$(this).parent().parent().remove();
})