jquery - インライン onclick ではなく .click() を使用する

Question

私は常にインライン onclick アプローチを使用してきました。

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

しかし、これはほとんどの Web サイトが行っていることではないことに気付きました。彼らはこれを行う傾向があります：

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

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

唯一の問題は、例 1 で指定したパラメーターを取得して、例 2 で使用できるようにするにはどうすればよいかということです。正しいプロセスは何ですか？たぶん、いくつかの隠しdivを追加しますか?

score 5 · Accepted Answer

その値をのようなカスタムデータ属性に割り当てますdata-row="<? php ... ?>"。次の方法でアクセスします。$(this).data("row");

score 0 · Accepted Answer

1 つの方法は、次のようにデータ属性を使用することです。

<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