Heim > Artikel > Web-Frontend > [jquery] Kombinieren Sie die Klassenauswahl-, Next- und Prev-Methoden, um den Erweiterungs- und Ausblendungseffekt benachbarter Knoten zu erzielen
Bei Seiteneffekten kann das ID--Attribut manchmal nicht zu den von unserem Programm ausgeschleiften Spalten hinzugefügt werden, da es möglicherweise Listen gibt, die möglicherweise mehrere identische IDs ausschleifen, sodass Jquery nicht verwendet werden kann s ID-Selektor , zu diesem Zeitpunkt können wir den Klassenselektor verwenden,
Gleichzeitig müssen wir möglicherweise auch den Betrieb dieses Knotenelements auf den aktuellen beschränken p (oder Tabelle (Mitte), schauen wir uns den Code an:
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">
<html xmlns="http:/ /www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Content-Type" content="text /html; charset=utf-8" />
<title> jquery效果title>
<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript" >Skript>
<Skript type="text/javascript">
//展开隐藏层
$(document).ready(function () {
$(".part").click(function () {
var hideP = $(this).next();
if (hideP.css('display') == 'none') {
hideP. show();
$(this).hide();
}
🎜> { hideP.hide() }); $( "
.all").click(
function
() { var hideP = $(this
).prev(); if (hideP.css('display'
) == 'none') { hideP.show(); $(this).hide(); }else {
hideP.hide();
$(this).show();
});
}); >
>
< p class
='classA'> <
p Klasse="part">
Inhalt 1p> ; < p
class="all" style= "display:none"> ;Inhalt 1, hahaha, ich habe ihn erweitert, hier ist mehr Inhaltp>
p> <p class= 'classA'> 🎜>>Inhalt. 2
p> >Klasse
="alle" Stil="display:none">Inhalt 2, hahaha, ich habe es erweitert, hier ist mehr Inhalt
p> p> <p Klasse
= 'classA' ><p Klasse="part">Inhalt 3p>
>. style="display:none">Inhalt 3, hahaha, ich habe es erweitert, hier ist mehr Inhalt p> >>html
> Das heißt, ich möchte Erweitern Sie den verborgenen Inhalt in Klasse A, ohne dass sich dies auf andere Inhalte in derselben Klasse A auswirkt. Tatsächlich liegt der Schwerpunkt hier auf der Verwendung der Methoden jquery next und prev. Natürlich kann es auch in anderen Situationen verwendet werden.
Das obige ist der detaillierte Inhalt von[jquery] Kombinieren Sie die Klassenauswahl-, Next- und Prev-Methoden, um den Erweiterungs- und Ausblendungseffekt benachbarter Knoten zu erzielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!