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