jquery - 2ステップ遅れた要素の子要素を選択するには?

Question

以下の状況でボタンから「onclick」属性の値を取得するにはどうすればよいですか?

<li>...<br><button onclick="x()">X</button></li>
<li>
<li onclick="monkey(this)"></li>

次のスクリプトを試しましたが、これは正しくありません。

function monkey(src){
    console.log($(src).prevAll()[0].children('button')[0].attr('onclick'));
}

score 5 · Accepted Answer

オブジェクトで使用する必要があり、オブジェクトで使用attr()しているため、 indexerを使用しないでください。 prev()を2回呼び出すと、必要な要素が得られる可能性がありますjQueryDOM

変化する

console.log($(src).prevAll()[0].children('button')[0].attr('onclick'));

に

console.log($(src).prev().prev().children('button').attr('onclick'));

score 0 · Accepted Answer

HTMLがあなたの例とまったく同じであれば、これを行うことができます：

$(src).prevAll()[0].find("button").attr('onclick')

あるいは、あなたのli要素が親に属している場合（私は彼らがそうしていると思います！）、これを行うことができます：

$(src).parent().find("button").attr('onclick')

これらの例はどちらも、存在するbutton要素が 1 つだけであることを前提としています。複数ある場合は、より具体的にする必要があります

score 0 · Accepted Answer

console.log($(src).parents('button')[0].prop('onclick'));

ただし、コードを調べて、リスト要素にクリックイベントハンドラーをアタッチし、適切なクラスを使用するなど、これを自分で簡単にできるかどうかを確認します。

score 0 · Accepted Answer

ボタンに「btn」と言うクラスを与える

<ul>
  <li>...<br><button class="btn" onclick="x()">X</button></li>
  <li>text</li>
  <li onclick="monkey(this)"></li>
</ul>

function monkey(src){
    console.log($('.btn', $(src).siblings()).attr('onclick'));
}

4 に答える 4