jquery - 使用 .click() 而不是内联 onclick

Question

我一直使用内联 onclick 方法：

<a href="#" id="do-something" onclick="doSomething(<?= $row['id'] ?>); return false;">

但我注意到这不是大多数网站所做的。他们倾向于这样做：

<a href="#" id="do-something">

$("#do-something").click(function(e) {
    e.preventDefault();
    doSomething();
    // --------^
})

唯一的问题是，如何获取示例一中提供的参数，以便在示例二中使用它？正确的流程是什么？也许添加一些隐藏的div？

score 5 · Accepted Answer

将该值分配给自定义数据属性，例如data-row="<? php ... ?>". 现在访问它：$(this).data("row");

score 0 · Accepted Answer

一种方法可能是使用数据属性，如下所示：

<a href="#" id="do-something" data-row="<?= $row['id'] ?>">

然后这个函数：

$("#do-something").click(function(e) {
    var row = $(this).data('row');
    e.preventDefault();
    doSomething(row);
});

2 回答 2