jQuery Traversing - Broers en susters
Met jQuery kan jy sywaarts beweeg in die DOM-boom om broers en susters van 'n element te vind.
Broers en susters deel dieselfde ouer.
Sywaarts deurkruis in die DOM-boom
Daar is baie nuttige jQuery-metodes om sywaarts in die DOM-boom te beweeg:
siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()
jQuery broers en susters () Metode
Die siblings()metode gee alle broers en susters van die geselekteerde element terug.
Die volgende voorbeeld gee alle broers en susters elemente van <h2>:
Voorbeeld
$(document).ready(function(){
$("h2").siblings();
});
Jy kan ook 'n opsionele parameter gebruik om die soektog na broers en susters te filter.
Die volgende voorbeeld gee alle broers en susters elemente van <h2>wat <p>
elemente is terug:
Voorbeeld
$(document).ready(function(){
$("h2").siblings("p");
});
jQuery volgende() Metode
Die next()metode gee die volgende broer- of susterelement van die geselekteerde element terug.
Die volgende voorbeeld gee die volgende broer of suster van <h2>:
Voorbeeld
$(document).ready(function(){
$("h2").next();
});
jQuery nextAll() Metode
Die nextAll()metode gee alle volgende broers en susters van die geselekteerde element terug.
Die volgende voorbeeld gee alle volgende broers en susters elemente van
<h2>:
Voorbeeld
$(document).ready(function(){
$("h2").nextAll();
});
jQuery nextUntil() Metode
Die nextUntil()metode gee alle volgende broers en susters elemente tussen twee gegewe argumente terug.
Die volgende voorbeeld gee alle broers en susterselemente tussen 'n <h2>en 'n <h6>element terug:
Voorbeeld
$(document).ready(function(){
$("h2").nextUntil("h6");
});
jQuery prev(), prevAll() & prevUntil() Metodes
Die prev(), prevAll()en prevUntil()metodes werk net soos die metodes hierbo, maar met omgekeerde funksionaliteit: hulle gee vorige broers en susters terug (skuif agtertoe langs broers en susters elemente in die DOM-boom, in plaas van vorentoe).
jQuery Oefeninge
jQuery Traversing Reference
Vir 'n volledige oorsig van alle jQuery Traversing metodes, gaan asseblief na ons jQuery Traversing Reference .