Comment implémenter le style de suppression de nœud frère dans jquery

Méthode : 1. Utilisez des fonctions telles que siblings() et next() pour obtenir les nœuds frères de l'élément spécifié. La syntaxe est "specified element.siblings()" ; supprimez le style de l'élément sélectionné, la syntaxe est "sibling node.removeClass()".

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Style de suppression du nœud frère jquery, vous pouvez voir deux parties :

• Trouver des nœuds frères

• Supprimer le style du nœud sélectionné

1. jquery fournit une variété de méthodes pour obtenir des nœuds frères et sœurs, il y en a généralement sept :

méthode siblings(), principalement utilisée pour obtenir tous les éléments frères du même niveau de l'élément spécifié

• méthode next(), principalement utilisée Get l'élément frère suivant de l'élément spécifié

• méthode nextAll(), principalement utilisée pour obtenir tous les éléments frères de l'élément frère suivant de l'élément spécifié

• méthode nextUntil(), principalement utilisée pour obtenir le frère suivant élément de l'élément frère spécifié, cet élément frère doit être un élément entre l'élément spécifié et l'élément défini par la méthode nextUntil()

• prev(), principalement utilisée pour obtenir l'élément frère de niveau supérieur de l'élément frère spécifié. spécifié element

• prevAll() Méthode, principalement utilisée pour obtenir tous les éléments frères au niveau précédent de l'élément spécifié

• prevUntil(), principalement utilisée pour obtenir l'élément frère précédent de l'élément spécifié. L'élément frère doit être défini par l'élément spécifié et la méthode prevUntil(). Éléments entre les éléments

• Exemple : utilisez next() pour obtenir le nœud frère suivant de l'élément sélectionné h2

$("h2").next()

2. le nœud sélectionné

Utilisez removeClass() pour supprimer la classe CSS spécifiée

• Exemple 1 : Supprimez le style du nœud frère suivant

	
		
		
		
		
	
	
		
div (父)
			
p（兄弟元素）
			span（兄弟元素）
			
h2（本元素）
			
h3（兄弟元素）
			
p（兄弟元素）
		
		移除兄弟节点的样式
	

Exemple 2 : Supprimez le style de tous les nœuds frères

$(document).ready(function() {
	$("button").click(function() {
		$("h2").siblings().removeClass();
	});
});

Utilisez RemoveAttr() pour supprimer l'identifiant, la classe ou l'attribut de style

• $(document).ready(function() {
  	$("button").click(function() {
  		$("h2").siblings().removeAttr("class");
  	});
  });

【Apprentissage recommandé : Tutoriel vidéo jQuery

,

Vidéo web front-end】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!