Question

例如在php中我有一个客户列表：

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

使用

将点击事件绑定到每个列表项的正确方法是什么

onclick="my_function(the_elements_id)"

在列表项目中。

Answer 1

假设您的ul为id =“client_list”

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

}):

Answer 2

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

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

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

Answer 3

您也可以使用.bind

E.g。

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

});

在jQuery中绑定事件的正确方法是什么？

4 个答案: