クリック機能によって「選択」された要素のすぐ隣にないdiv要素を選択する方法を探しています。
<div id="click">(siblings)</div><div>text</div><div id="get this one"></div>
ここで、「get this one」というIDを持つものを選択したいと思います。私のコードでは、このIDは使用できません。すべてのdivには同じクラスがあり、兄弟があります。
3番目のものを選択できます $(this).next().next()
でも、それが最善の方法ではないと思います。
またあります div
クリックされたものの前-それは必ずしも最初のものではありません。
私は :nth-child
セレクターが解決策を見つけられませんでした。
後でクリック1つ(または23、65など)の後に13番目のものを選択することもできます。これは、この問題をかなり動的に解決したいということです。
ご協力いただきありがとうございます、
フィル
回答:
答えは№1の20あなたは使うことができます .nextAll()
〜と .eq()
次のような動的アプローチの場合:
$(this).nextAll().eq(1) //0 based index, this would be .next().next()
これはあなたが得ることを可能にするでしょう n
前方の兄弟、これ 思われる あなたが求めているものになること。
回答№2の場合は0
のようだ $(this).parent().find("div").eq(2).attr("id")
うまくいくはずです。
UPDATE(find( "div")を追加)