jQuery에서 이벤트를 바인드하는 올바른 방법은 무엇입니까?

Question

예를 들어 PHP에서 나는 클라이언트 목록을 가지고있다.

foreach($clients as $client) 
    echo '<li id="client_'.$client->id.'">' . $client->name . '</li>'; 

목록 항목에

onclick="my_function(the_elements_id)" 

를 사용하여 각 목록 항목에 클릭 이벤트를 바인딩하는 올바른 방법은 무엇인가?

Answer 1

는 ID = "client_list"와 UL이 가정

$("#client_list li").click(function() 
{ 
    var myid = $(this).attr("id"); // the clicked on items id 
    // do your thing here. 

}): 

Answer 2

$(document).ready(function(){ 

    $("li).click(function(){ 
     var id = $(this).attr("id"); 
     your_function(id); //The function you want to run with the object's ID as a parameter. 
    }); 

}); 

Answer 3

는 또한

을 .bind 사용할 수 있습니다 일예

$('#item').bind("click", function() { do something; }); 

Answer 4

와 일치하는 모든 현재 및 미래의 요소 바인딩의 아주 멋진 "라이브" 방법. 이것은 Ajax를 사용하고 ajax를 통해 가져 오는 이미지를 말하도록 이벤트를 다시 바인드해야 할 경우 편리합니다.

더 많은 정보가 멋진 http://docs.jquery.com/Events/live#typefn

$("p").live("click", function(){ 
    alert($(this).text()); 
});