php - 在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

并且非常酷的“实时”绑定所有当前和未来匹配的元素的方式。如果您使用 Ajax，这会派上用场，并且必须重新绑定事件以假设您通过 ajax 获取的图像。

更多信息@ http://docs.jquery.com/Events/live#typefn

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

Answer 3

您也可以使用 .bind

例如

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

Answer 4

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

});