Μέθοδος siblings

Η μέθοδος siblings βρίσκει όλα τα αδέλφια στοιχεία μέσα στον ίδιο γονέα.

Σύνταξη

Λήψη αδελφών στοιχείων:

javascript.siblings();

Μπορείτε επίσης να φιλτράρετε τα αδέλφια στοιχεία βάσει ενός επιλογέα (στο σύνολο θα παραμείνουν μόνο εκείνα τα αδέλφια που ικανοποιούν αυτόν τον επιλογέα):

javascript.siblings(επιλογέας);

Παράδειγμα

Ας βρούμε το στοιχείο #test και σε όλα τα αδέλφια του βάλουμε το κείμενο '!' χρησιμοποιώντας τη μέθοδο html:

html<p>έξω</p>
<div>
  <p>μέσα</p>
  <p>μέσα</p>
  <p id="test">μέσα</p>
  <p>μέσα</p>
  <p>μέσα</p>
</div>
<p>έξω</p>

javascript$('#test').siblings().html('!');

Ο κώδικας HTML θα γίνει ως εξής:

html<p>έξω</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">μέσα</p>
  <p>!</p>
  <p>!</p>
</div>
<p>έξω</p>

Παράδειγμα

Ας βρούμε το στοιχείο #test και σε όλα τα αδέλφια του με την κλάση 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>

javascript$('#test').siblings('.www').html('!');

Ο κώδικας 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>

Δείτε επίσης