4

クリックされたdivの文字列としてidを取得したい。することは可能ですか？

HTML

<div id="test">
    <div class='button' id="a" ><p>Click 1</p></div>
    <div class='button' id="b" ><p>Click 2</p></div>
    <div class='button' id="c" ><p>Click 3</p></div>
    <div class='button' id="d" ><p>Click 4</p></div>
</div>

私はこのようなことができます：

  $("#a").click(function() {
      /* do some action with this div */
  });

しかし、このようなdivがたくさんあるので、クリックされたdivのidを検出したいのですが、同じコードを何度も書き直すのは意味がありません。

4

3 に答える 3

5 
$("#a").click(function() {
    var id = this.id;
});

clickすべての要素にイベントを設定する必要がある場合.button、簡単な方法は次のとおりです。

$(".button").click(function(e) {
    var id = this.id;  // or e.target.id;
});
于 2013-01-22T21:39:35.940 に答える
2 
$("div.button").click(function() {
    console.log(this.id);
});
于 2013-01-22T21:39:49.510 に答える
0 
$(this).attr('id')

IDを取得しますが、divにアクセスしたい場合は使用できます

$(this).parent('div')

これは、直接の親がdivの場合にのみ返されます。見つけたい場合は、使用できます

$(this).parents('div')
于 2013-01-22T21:41:46.747 に答える