Metoda siblings
Metoda siblings najde všechny
sousední elementy uvnitř stejného rodiče.
Syntaxe
Získání sousedních elementů:
.siblings();
Lze také filtrovat sousední elementy podle zadaného selektoru (v sadě zůstanou pouze ti sousedé, kteří vyhovují tomuto selektoru):
.siblings(selektor);
Příklad
Pojďme najít element #test a všem jeho
sousedům nastavíme text '!' pomocí metody
html:
<p>outside</p>
<div>
<p>inside</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p>inside</p>
</div>
<p>outside</p>
$('#test').siblings().html('!');
HTML kód bude vypadat takto:
<p>outside</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">inside</p>
<p>!</p>
<p>!</p>
</div>
<p>outside</p>
Příklad
Pojďme najít element #test a všem
jeho sousedům s třídou www nastavíme
text '!' pomocí metody
html:
<p>outside</p>
<div>
<p>inside</p>
<p class="www">inside</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p class="www">inside</p>
<p>inside</p>
</div>
<p>outside</p>
$('#test').siblings('.www').html('!');
HTML kód bude vypadat takto:
<p>outside</p>
<div>
<p>inside</p>
<p class="www">!</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p class="www">!</p>
<p>inside</p>
</div>
<p>outside</p>