javascript - ラッピング要素onclickのIDを取得するには?

Question

ラッピング要素onclickのIDを取得したい。このようなもの

<p id="wrapper"> Hello <span id="one"> how </span> are <span id="two">you</span></p>

したがって、要件は次のとおりです。

クリックするとhowラッピングのIDを取得したいので、クリックするとラッピングIDなどが表示されます。spanoneare<p>you

私はこれにjqueryを使用していますが.prop、.wrap毎回外側の<p>要素のIDを取得しています。

どうすればこれを行うことができますか？

重複している場合は、リンクを教えてください。

ありがとう

Answer 1

クリック関数に渡されたイベント引数の中を見ることができます

$('#wrapper').click(function(e){
   console.log(e.target.id); 
});

フィドル

Answer 2

とてもシンプルなjQueryです。

$('span').click(function() {
    console.log($(this).attr('id'));
});

ここにフィドルがあります：http://jsfiddle.net/zjysy/

Answer 3

リスナーをスパンに簡単にアタッチできます。

var forEach = Function.call.bind([].forEach);
spans=document.querySelectorAll("p span");
forEach(spans, function(span){
    span.addEventListener("click", function(e){
        alert(e.target.id);
    });
});

http://jsfiddle.net/AMWqq/

Answer 4

$(document).ready(function(){
    $('span, p').click(function(){
        alert($(this).attr('id'));
        return false;
    });
});

Answer 5

$(document).click(function(e){
alert(e.target.id);
});

Answer 6

これはあなたが望むことをします：

$('#wrapper').click(function(e) {
    alert($(e.target).closest('[id]').prop('id'));
});

更新:ここで試してみてください: http://jsfiddle.net/zjysy/2/