php - 使用选择器时传递函数参数的好方法是什么？

Question

我试图通过替换以下内容来将我的 HTML 与我的 js 隔离

<div id = "foo" onclick="bar(variable)"></div>

与

<div id = "foo"></div>
$(document).ready(function()    {
    $("#foo").click(function(event) {
        bar(???);
    });
});

现在，传递bar() 参数的好方法是什么。

我应该将它与某个元素 ID 合并吗？或者我应该在加载页面时使用 PHP 将其声明为 JS 变量吗？或者有更好的方法吗？

Answer 1

您可以在项目本身上放置一个属性，并从点击处理程序中检索它。

<div id="foo" data-item="29"></div>

$(document).ready(function()    {
    $("#foo").click(function(event) {
        bar($(this).data("item"));
    });
});

当然，如果你只有其中之一，就不需要抽象出数据编号，可以这样:

$(document).ready(function()    { 
    $("#foo").click(function(event) { 
        bar(29); 
    }); 
}); 

但是，我想我们都假设您希望 29 来自标记，这样您就可以在许多元素上使用通用的点击处理程序。如果是这种情况，那么第一种方法就可以做到这一点。