如何继续检查中的新元素？

我想继续检查新的li元素，以便每当有这些新元素时，我会收到新警报？

JS：

$(function () { if ($('#div').find('
')) { alert('you just got new 
 elements'); } // it is just an examplory function which // will keep looking for only new 
 elements created by ol list })(); 

Js小提琴在这里http://jsfiddle.net/younis764/rWcKu/3/

请帮忙。

Answer 1

这样的function可以帮到你

 document.addEventListener("DOMNodeInserted", function(event){ var element = event.target; if (element.tagName == 'li') { alert("li added"); } }); 

检查突变事件

FIDDLE DEMO

HTML

 
 Add a li node to the container! 

JAVASCRIPT

  function AddLiToContainer() { var newLi = document.createElement("li"); var textNode = document.createTextNode("Hello World"); newLi.appendChild(textNode); if (newLi.addEventListener) { newLi.addEventListener('DOMNodeInserted', OnNodeInserted, false); } var container = document.getElementById("container"); container.appendChild(newLi); } function OnNodeInserted(event) { var Li = event.target; alert("The text node '" + Li.innerHTML + "' has been added to an element."); }