52 of 119 menu

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>

Viz také

  • metoda prev,
    která umožňuje získat sousední element nad aktuálním
  • metoda next,
    která umožňuje získat sousední element pod aktuálním
  • metoda parent,
    která umožňuje získat rodičovský element
Čeština
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Používáme soubory cookie pro fungování webu, analýzu a personalizaci. Zpracování údajů probíhá v souladu s Zásadami ochrany osobních údajů.
přijmout vše přizpůsobit odmítnout