So implementieren Sie den Stil zum Entfernen von Geschwisterknoten in JQuery

Methode: 1. Verwenden Sie Funktionen wie siblings() und next(), um die Geschwisterknoten des angegebenen Elements abzurufen. Die Syntax lautet „specified element.siblings()“; 2. Verwenden Sie „removeClass()“ oder „removeAttr()“. Entfernen Sie den Stil des ausgewählten Elements, Syntax „sibling node.removeClass()“.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

JQuery-Stil zum Entfernen von Geschwisterknoten. Sie können zwei Teile sehen:

• Geschwisterknoten suchen

• Entfernen Sie den Stil des ausgewählten Knotens

1. Finden Sie Geschwisterknoten

jquery bietet Es gibt verschiedene Methoden zum Abrufen von Geschwisterknoten, im Allgemeinen gibt es sieben:

• siblings()-Methode, die hauptsächlich zum Abrufen aller Geschwisterelemente derselben Ebene des angegebenen Elements verwendet wird

• next()-Methode, die hauptsächlich zum Abrufen verwendet wird das nächste Geschwisterelement des angegebenen Elements

• nextAll()-Methode, die hauptsächlich zum Abrufen aller Geschwisterelemente des nächsten Geschwisterelements des angegebenen Elements verwendet wird

• nextUntil()-Methode, die hauptsächlich zum Abrufen des nächsten Geschwisterelements verwendet wird Element des angegebenen Elements Bruderelement, dieses Geschwisterelement muss ein Element zwischen dem angegebenen Element und dem durch die nextUntil()-Methode festgelegten Element sein angegebenes Element

• prevAll() Methode, die hauptsächlich zum Abrufen aller Geschwisterelemente auf der vorherigen Ebene des angegebenen Elements verwendet wird.

• prevUntil() Methode, die hauptsächlich zum Abrufen des vorherigen Geschwisterelements des angegebenen Elements verwendet wird Das Geschwisterelement muss durch das angegebene Element und die prevUntil()-Methode festgelegt werden. Beispiel: Verwenden Sie next(), um den nächsten Geschwisterknoten des ausgewählten Elements h2 zu erhalten. Entfernen Sie den Stil von der ausgewählte Knoten

• Verwenden Sie „removeClass()“, um die angegebene CSS-Klasse zu entfernen

Beispiel 1: Entfernen Sie den Stil des nächsten Geschwisterknotens

$("h2").next()

Beispiel 2: Entfernen Sie den Stil aller Geschwisterknoten

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

Verwenden Sie RemoveAttr(), um ID-, Klassen- oder Stilattribute zu entfernen

Das obige ist der detaillierte Inhalt vonSo implementieren Sie den Stil zum Entfernen von Geschwisterknoten in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!