2011-02-16 4 views
5

Bir öğenin sonraki örneğini aynı düzeyde bulmak istiyorum. jQuery seçici beni foo ve ardından foo2 için bir sonraki yayılma hedeflemesine izin hangiGeçerli elemandan sonra JQuery hedef aralığı

<div id="foo"></div> 
<some html /> 
<span></span> 

<div id="foo2"></div> 
<span></span> 

. Bir sonraki, kardeşe ve en yakınlarıma baktım ama işe yaramayacak bir şey bulamadım. birlikte :first selector ile

cevap

22

kullanımı .nextAll() Alternatif

$('#foo').nextAll('span:first') 

, :first seçici next siblings selector ~ (genel Kardeş seçici olarak CSS3 bilinen) ile birlikte kullanımı:

$('#foo2 ~ span:first') 

Preview both on jsFiddle

+2

+1 Güzel cevap, Bolt! – Sampson

+0

@Jonathan Sampson: Teşekkür ederim :) – BoltClock

+0

Güzel cevabı ve iyi bağlantıları da. Aslında bir sonraki kardeşler selector belgelerini gördüm, ama kafam karıştı çünkü ünvanın 'karmaları' vardı. Onu, aradığım şey olmayan “önceki kardeşler” olarak okudum. – mrtsherman