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

发布于 2024-08-11 05:27:20 字数 289 浏览 7 评论 0原文

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

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

将单击事件绑定到每个列表项（不使用

onclick="my_function(the_elements_id)"

列表项中的右键）的正确方法是什么。

原文

For example in php I have a list of clients:

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

What is the correct way to bind a click event to each list item w/o using

onclick="my_function(the_elements_id)"

right in the list item.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

初见终念 2024-08-18 05:27:20

假设你有一个 id="client_list" 的 ul

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

}):

assuming you have a ul with id="client_list"

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

}):

回复收藏 0 原文

呆萌少年 2024-08-18 05:27:20

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

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

And very cool "live" way of binding for all current and future matched elements. This comes in handy if you use Ajax, and have to re-bind event to let's say image that you fetch via ajax.

More info @ http://docs.jquery.com/Events/live#typefn

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

回复收藏 0 原文

久而酒知 2024-08-18 05:27:20

您还可以使用 .bind

例如

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

You can also use .bind

E.g.

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

回复收藏 0 原文

满地尘埃落定 2024-08-18 05:27:20

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

});

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

});

回复收藏 0 原文

~没有更多了~