jquery - onClick 内での JQuery の使用

Question

onClick 関数内で JQuery を使用できますか?

例えば：

<a onclick="my_save_function($("#inputID").val())">
<input type=hidden id="inputID" value="foo">

クリックすると、アンカータグが次のように実行されます。

my_save_function(foo);

何度か検索した後、同様のトピックを見つけることができませんでした。助けてくれてありがとう。

score 19 · Accepted Answer

もちろん。jQuery は特別な宇宙には存在しません。これは、(非常に) 役立つと思われる JavaScript 関数の単なるコレクションです。

ただし、とにかく jQuery を使用している場合は、jQuery 内から onclick イベントを適切にアタッチしてみませんか? あなたはただしなければならないでしょう：

$(document).ready(function() {
    $("#id-for-that-link").click(function() {
        my_save_function($("#inputID").val());
    });
});

score 4 · Accepted Answer

これを試してください（アンカータグにIDが必要です）：

<a onclick="my_save_function(this.id);">

そしてあなたのJavaScriptで：

function my_save_function(elid){
    v = $("#"+elid).val();
    // do stuff with v
}

score 0 · Accepted Answer

正直なところ、コードとマークアップは既に作成済みなので、それを実行して機能するかどうかを確認できませんか?

あなたの質問に答えて、はい、これはうまくいくはずですが、ネストされた引用に注意してください。関数本体を属性文字列に埋め込むよりも、要素にクリックハンドラーを追加した方が、フォームが良くなり、読みやすく、維持しやすくなります。

score 0 · Accepted Answer

次のような他の jquery コードを配置することもできます。

onclick="$('#myid').closest('tr').hide();"

4 に答える 4