jquery - HTMLでクリックされた要素を見つける方法は?

Question

私はダイビングをしており、各ダイビングには次のようなIDがあります。ユーザーが最初に HTML をクリックしたときに、クリックされた要素が div であり、選択した div の ID と内部 HTML を取得したいのです。

onclick() などのメソッドを使用したくありません..私の div 要素では、この方法は jquery などで可能ですか?

<div id="a2">123</div>
<div id="a1">456</div>

私はこのコードを使用しましたが、動作しません

$('html').click(function () {
    var selectedelement = jQuery('div');
});

score 2 · Accepted Answer

セレクターがクリックイベントを「HTML」ノードに追加しています。セレクターが任意の DIV を取得するため、お勧めする div だけを気にする場合は、f9ollowing を実行する必要があります。

$('div').click(function () {
    var selectedelement = this;
});

ID が 'a1' および 'a2' の DIV のみを気にする場合は、次の手順を実行します。

$('#a1,#a2').click(function () {
        var selectedelement = this;
    });

score 2 · Accepted Answer

$('div').click(function () {
    var selectedelement = $(this).attr('id');
    alert(selectedelement);
});

score 0 · Accepted Answer

ページに div を動的に追加する場合にうまく機能する委任を使用できます。

$("html").on("click", "div", function() {
    console.log($(this).attr("id"));
});

このフィドルを参照してください: http://jsfiddle.net/DGeF9/

4 に答える 4