jquery动态添加删除元素

最新推荐文章于 2023-04-19 16:17:59 发布

SEAN_YO

最新推荐文章于 2023-04-19 16:17:59 发布

阅读量428

点赞数

本文链接：https://blog.csdn.net/yaoxiaosir/article/details/42949031

版权

代码如下：

script type="text/javascript">
$(document).ready(function(){
	bindListener()
    $("#addButton").bind("click",function(){
        var msg = "<li><a href='javascript:void(0)'>删我</a><span style='color:yellow;'></span><a name='del'>del</a></li>";
        $("#colist").append(msg);
        bindListener();
    });

    function bindListener(){
        $("#colist li a[name=del]").unbind().click(function(){
          $(this).parent().remove();
        });
    }

})
</script>
 
   <div id="nav">
        <ul id="colist">
        <li><a href='javascript:void(0)'>删我</a><span style='color:yellow;'></span><a name='del'>del</a></li>
        </ul>
    </div>

    <input type="button" value="增加" id="addButton" />