Metoda siblings
Metoda siblings znajduje wszystkich
sąsiadów elementu wewnątrz jednego rodzica.
Składnia
Pobieranie sąsiadów:
javascript.siblings();
Można także przefiltrować sąsiadów według podanego selektora (w zestawie pozostaną tylko ci sąsiedzi, którzy spełniają ten selektor):
javascript.siblings(selektor);
Przykład
Znajdźmy element #test i wszystkim jego
sąsiadom ustawmy tekst '!' za pomocą metody
html:
html<p>na zewnątrz</p>
<div>
<p>wewnątrz</p>
<p>wewnątrz</p>
<p id="test">wewnątrz</p>
<p>wewnątrz</p>
<p>wewnątrz</p>
</div>
<p>na zewnątrz</p>javascript$('#test').siblings().html('!');
Kod HTML będzie wyglądać tak:
html<p>na zewnątrz</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">wewnątrz</p>
<p>!</p>
<p>!</p>
</div>
<p>na zewnątrz</p>
Przykład
Znajdźmy element #test i wszystkim
jego sąsiadom z klasą www ustawmy
tekst '!' za pomocą metody
html:
html<p>na zewnątrz</p>
<div>
<p>wewnątrz</p>
<p class="www">wewnątrz</p>
<p>wewnątrz</p>
<p id="test">wewnątrz</p>
<p>wewnątrz</p>
<p class="www">wewnątrz</p>
<p>wewnątrz</p>
</div>
<p>na zewnątrz</p>javascript$('#test').siblings('.www').html('!');
Kod HTML będzie wyglądać tak:
html<p>na zewnątrz</p>
<div>
<p>wewnątrz</p>
<p class="www">!</p>
<p>wewnątrz</p>
<p id="test">wewnątrz</p>
<p>wewnątrz</p>
<p class="www">!</p>
<p>wewnątrz</p>
</div>
<p>na zewnątrz</p>