当你用jQuery中的函数增加元素时,想要为这些新增的内容绑定事件可以使用.find()这个选择器。例子如下:
demo.html
- <script>
- $().ready(function(){
- $("#addContent").append("<p>latest news</p>");
- $("p").click(function(){
- alert("click p");
- });
- });
- </script>
- <div id="addContent">
- <p>old news</p>
- </div>
直接用这段代码运行时,点击新的p是不会alert的。怎么办呢?可以这样写:
这样就可以了。
- $("#addContent").append("latest news").find("p").click(function(){alert("click p");});
这样就可以了。