2

私は次のDOM構造を持っています:

<label>
  <span class="tt">
    <a href="#" class="editable">Hello1</a>
    <a href="#" class="editable">Hello2</a>
    <a href="#" class="editable">Hello3</a>
    <a href="#" class="editable">Hello4</a>
  </span>
  <a href="#" class="editable">Hello5</a>
</label>

アンカーをクリックするとHello3、取得する必要がHello4あり、完全に正常に機能します。しかし、リンクをクリックすると、正しく取得していないものHello4を取得する必要があります。Hello5

私は次のコードを使用しています：

$(document).on('click','.editable',function(){
  console.log($(this).nextAll('.editable').first());
});

私が実際に望んでいるのはeditable、アンカーをクリックしたときにラベルタグにクラスを持つ次の要素を取得することです。

4

2 に答える 2

0

特定のクラスの要素を選択するクラス セレクタに加えて、特定の要素のすべての兄弟を返す siblings 関数を使用できます。このようなもの：

$(document).on('click','.editable',function(){
  console.log($('.tt').siblings('.editable').first());
});
于 2016-03-04T08:35:49.843 に答える