javascript - この DIV の親 ID を取得する

Question

jquery/javascriptの「.buttonleft0」内でボタンがクリックされたときに、このレイアウトから親div ID（つまり「Bakerloo」）を見つけようとしています。

<div id='Bakerloo' class='box'>bakerloo<p></p><span class='buttons'>
<span class='buttonleft0'><button onClick='up()'><span class='icon icon10'></span>
</button>
</span><span class='buttonleft'></span><span class='buttonright'></span></span>
<div class='comingup'></div>
<div class='more'></div></div>

私が試してみました：

$(this).parent('id');

しかし、これは「未定義」を返すだけです。

Answer 1

$(this).closest('div').attr('id')

これがあなたの望むものだと思います

Answer 2

この関数はjQueryオブジェクトを返すため、次のようにその属性のいずれparent()かにを使用する必要があります。attr()

$(this).closest().attr('id');

編集：さらに詳しく調べると、ボタンはの直接の子ではないように見えるdivため、closest()関数を使用する必要があります。

Answer 3

まっすぐなJavascriptは常に私にとってはうまくいきます。

<div id='Bakerloo' class='box'>
    bakerloo<p></p>
    <span class='buttons'>
        <span class='buttonleft0'>
        <button onClick='alert(this.parentNode.parentNode.id)'>
             <span class='icon icon10'></span>
        </button>
        </span>
        <span class='buttonleft'></span>
        <span class='buttonright'></span>
    </span>
    <div class='comingup'></div>
    <div class='more'></div>
</div>    

Answer 4

コード自体にはほとんどエラーがないため、正しいエラーは次のとおりです。

HTML

<div id='Bakerloo' class='box'>bakerloo<p></p><span class='buttons'>
<span class='buttonleft0'><button><span class='icon icon10'>Click here</span>
</button>
</span><span class='buttonleft'></span><span class='buttonright'></span></span>
<div class='comingup'></div>
<div class='more'></div></div>

JQuery

jQuery(document).ready(function($){
    $("button").on('click',function(){
       alert($(this).closest('div').attr('id'));
    });
});

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

Answer 5

これを試して：

$(this).parent().attr("id");

Answer 6

これを試して：

$(this).closest('div[id]')