如何继续检查新的< li> < div>中的元素? [英] How to keep checking for new <li> elements in a <div>?

问题描述

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

I want to keep checking for new li elements so that whenever there will be these new elements ,I would be getting new alerts?

JS:

$(function () {

    if ($('#div').find('<li></li>')) {
        alert('you just got new <li> elements');
    }

    // it is just an examplory function which                       
    // will keep looking for only  new <li> elements created by ol list

})(); 

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

请帮助.

推荐答案

像这样的函数应该对您有所帮助

A function like this should help you

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

检查 电影演示

HTML

<div id="container" style="background-color:#e0d0a0; width:300px; height:100px;"></div>   
<button onclick="AddLiToContainer ();">Add a li node to the container!</button>

JAVASCRIPT

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.");
 }

这篇关于如何继续检查新的< li> < div>中的元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！