在jQuery中綁定事件的正確方法是什麼？

Question

例如，在PHP我有客戶名單：

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

什麼是點擊事件綁定到每個列表項的w/o權列表中的項目使用

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()); 
});