Heim > Web-Frontend > Front-End-Fragen und Antworten > So implementieren Sie den Stil zum Entfernen von Geschwisterknoten in JQuery

So implementieren Sie den Stil zum Entfernen von Geschwisterknoten in JQuery

青灯夜游
Freigeben: 2022-05-16 14:27:51
Original
2321 Leute haben es durchsucht

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()“.

So implementieren Sie den Stil zum Entfernen von Geschwisterknoten in JQuery

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()
Nach dem Login kopieren

    Beispiel 2: Entfernen Sie den Stil aller Geschwisterknoten
  • 
    
    	
    		
    		
    		
    		
    	
    	
    		
    div (父)

    p(兄弟元素)

    span(兄弟元素)

    h2(本元素)

    h3(兄弟元素)

    p(兄弟元素)

    Nach dem Login kopieren

    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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage