Μέθοδος siblings
Η μέθοδος siblings βρίσκει όλα
τα αδέλφια στοιχεία μέσα στον ίδιο γονέα.
Σύνταξη
Λήψη αδελφών στοιχείων:
.siblings();
Μπορείτε επίσης να φιλτράρετε τα αδέλφια στοιχεία βάσει ενός επιλογέα (στο σύνολο θα παραμείνουν μόνο εκείνα τα αδέλφια που ικανοποιούν αυτόν τον επιλογέα):
.siblings(επιλογέας);
Παράδειγμα
Ας βρούμε το στοιχείο #test και σε όλα τα
αδέλφια του βάλουμε το κείμενο '!' χρησιμοποιώντας τη μέθοδο
html:
<p>έξω</p>
<div>
<p>μέσα</p>
<p>μέσα</p>
<p id="test">μέσα</p>
<p>μέσα</p>
<p>μέσα</p>
</div>
<p>έξω</p>
$('#test').siblings().html('!');
Ο κώδικας HTML θα γίνει ως εξής:
<p>έξω</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">μέσα</p>
<p>!</p>
<p>!</p>
</div>
<p>έξω</p>
Παράδειγμα
Ας βρούμε το στοιχείο #test και σε όλα
τα αδέλφια του με την κλάση www βάλουμε
το κείμενο '!' χρησιμοποιώντας τη μέθοδο
html:
<p>έξω</p>
<div>
<p>μέσα</p>
<p class="www">μέσα</p>
<p>μέσα</p>
<p id="test">μέσα</p>
<p>μέσα</p>
<p class="www">μέσα</p>
<p>μέσα</p>
</div>
<p>έξω</p>
$('#test').siblings('.www').html('!');
Ο κώδικας HTML θα γίνει ως εξής:
<p>έξω</p>
<div>
<p>μέσα</p>
<p class="www">!</p>
<p>μέσα</p>
<p id="test">μέσα</p>
<p>μέσα</p>
<p class="www">!</p>
<p>μέσα</p>
</div>
<p>έξω</p>
