Каков правильный способ привязки событий в jQuery?

Question

Например, в PHP У меня есть список клиентов:

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

Что такое правильный способ связать событие щелчка к каждому элементу списка без использования

onclick="my_function(the_elements_id)" 

прямо в элементе списка ,

Answer 1

при условии, у вас есть с ул ид = "client_list"

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