Metoda jQuery siblings() .
Příklad
Vraťte všechny sourozenecké prvky každého prvku <li> s názvem třídy "start":
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});
Výsledek:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definice a použití
Metoda siblings() vrací všechny sourozenecké prvky vybraného prvku.
Sourozenecké prvky jsou prvky, které sdílejí stejného rodiče.
Strom DOM: Tato metoda prochází vpřed a vzad podél sourozenců prvků DOM.
Tip: Použijte metodu prev() nebo next() k zúžení vyhledávání pouze na předchozí nebo další sourozenecké prvky.
Syntax
$(selector).siblings(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Zkuste si to sami - příklady
Jak pomocí obou parametrů filtrovat vyhledávání sourozeneckých prvků.
Jak zúžit vyhledávání všech sourozeneckých prvků <p> každého prvku <div>.