jquery监听元素的后代

来源:互联网 发布:美容院软件 编辑:程序博客网 时间:2024/04/29 22:41

当我们想监听某个元素的后代是否有变化时,用jquery怎么实现呢?

<!DOCTYPE html><html><head>    <title></title></head><body><ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul><input type="button" id="add" value="add"></body><script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js"></script><script type="text/javascript">    $(function(){        $("#add").click(function(){            $('ul').append('<li>8888</li>')        })    $('ul').bind("DOMNodeInserted",function(e){        alert($(e.target).html());  })})</script></html>

这里绑定了DOMNodeInserted事件,当他后代元素有变化时,便会触发
这里写图片描述

另:动态生成的元素,之前绑定的事件都会不存在,需要重新绑定

原创粉丝点击