HTML 목록의 글 머리 기호에 이벤트를 추가하는 방법은 무엇입니까?

Question

HTML 목록의 글 머리 기호에 이벤트를 추가하는 방법은 무엇입니까? 그것은 가능한가?

Answer 1

을 사용할 수 있습니다 당신은 DOMSubtreeModified 등의 이벤트 또는 뭔가를 클릭하여 처리 하시겠습니까? 다음은 예입니다 : http://jsfiddle.net/quant/At7xd/

HTML :

<h1>Some simple events</h1> 
<ul id="list"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
</ul> 
<button>Add Item</button>​ 

자바 스크립트 :

jQuery(document).ready(function($) { 
    $("#list").on("DOMSubtreeModified", function(e) { 
     console.log("DOMSubtreeModified event", e); 
     $("h1").toggleClass("crazy"); 
    }); 
    $("#list").on("click", "li", function(e) { 
     console.log("Clicked on an li:", $(e.currentTarget).html(), e); 
     e.stopPropagation(); 
    }); 
    $("button").on("click", function(e) { 
     console.log("Clicked on button", e);    
     $("#list").append("<li>Item " + ($("#list > li").size() + 1) + "</li>"); 
    }); 
}); 

Answer 2

$('ul li').on("click" , function(){ 
    // do stuff 
}); 

Answer 3

당신은

$(document).ready(function() { 
    $("li").click(function(event){ 
    // do something 
    }); 
}