Lors de l'obtention des éléments frères d'un élément spécifié, vous pouvez utiliser un combinateur frère adjacent ( ), dans lequel les deux côtés du contenu sont des expressions de sélection
Si vous souhaitez obtenir tous les éléments frères directs h2 de h1 dans l'exemple suivant.
< h1>Titre principal
Titre de la section
Quelques contenus...
;
Plus de contenu ...
Vous pouvez l'utiliser directement
$('h1 h2')
// Sélectionnez TOUS les éléments h2 qui sont adjacents frères et sœurs des éléments H1
Si Pour filtrer les éléments frères de h1, bien sûr vous pouvez également utiliser
$ ('h1').siblings('h2,h3,p');
// Sélectionnez tout H2, H3, et les éléments P qui sont frères et sœurs des éléments H1
Si vous souhaitez obtenir Pour tous les éléments frères après l'élément actuel, vous pouvez utiliser nextAll()
Par exemple, pour le code html suivant.
- ;Premier élément
- Deuxième élément
- Troisième élément
- Quatrième élément li>
- Cinquième élément
Si vous souhaitez obtenir tous les éléments li après la deuxième entrée, vous pouvez utiliser ce qui suit code
$('li.selected' ).nextAll('li');
L'exemple ci-dessus peut également être implémenté en utilisant le combinateur général de frères et sœurs (~)
$('li.selected ~ li');
Pour obtenir des éléments frères et sœurs directs, vous peut également utiliser next() directement sans utiliser de sélecteur.
var topHeaders = $('h1') ;
topHeaders.next('h2').css('margin', '0);