Detaillierte Erläuterung der Verwendung der Funktion jQuery.prevAll()

Die Funktion

prevAll() wird verwendet, um alle Geschwisterelemente vor jedem passenden Element auszuwählen und sie in Form eines jQuery-Objekts zurückzugeben.

Sie können Selektoren auch verwenden, um den Auswahlbereich weiter einzugrenzen und Elemente herauszufiltern, die mit dem angegebenen Selektor übereinstimmen.

Das Gegenteil dieser Funktion ist die Funktion nextAll(), die verwendet wird, um alle Geschwisterelemente nach jedem passenden Element auszuwählen.

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

Diese Funktion wurde in jQuery 1.2 hinzugefügt.

jQueryObject.prevAll( [ selector ] )

Parameter

Parameterbeschreibung

selector Optional/String Selektor angegeben durch Typ String. Die Funktion

prevAll() filtert Elemente, die mit dem angegebenen Selektor unter den Geschwisterelementen übereinstimmen, vor jedem übereinstimmenden Element im aktuellen jQuery-Objekt.

Wenn der Selektorparameter weggelassen wird, werden alle Geschwisterelemente vor jedem passenden Element ausgewählt.

Rückgabewert

prevAll()Der Rückgabewert der Funktion ist vom Typ jQuery und gibt ein neues jQuery-Objekt zurück, das das aktuelle jQuery-Objekt vor jedem passenden Element kapselt Alle Geschwister Elemente, die mit dem angegebenen Selektor übereinstimmen.

Wenn kein passendes Element vorhanden ist, wird ein leeres jQuery-Objekt zurückgegeben.

Beispiel und Beschreibung

Nehmen Sie den folgenden HTML-Code als Beispiel:

<p id="n1">
    <span id="n2">
        <span id="n3">A</span>
    </span>
    <strong id="n4" class="active">B</strong>
    <span id="n5" class="active">C</span>
    <label id="n6">D</label>
    <span id="n7">
        <span id="n8">E</span>
    </span>
</p>
<p id="n9">
    <span id="n10" class="active"></span>
    <label id="n11"></label>
    <span id="n12"></span>
</p>

Der folgende jQuery-Beispielcode wird verwendet, um die spezifische Verwendung von prevAll() zu demonstrieren. Funktion:

//返回jQuery对象所有匹配元素的标识信息数组
//每个元素形如：#id
function getTagsInfo($doms){
    return $doms.map(function(){
        return "#" + this.id;
    }).get();
}
var $n6 = $("#n6");
//匹配n6之前所有的同辈元素
var $n6_prevAll = $n6.prevAll();
document.writeln( getTagsInfo( $n6_prevAll ) ); // #n5,#n4,#n2
//匹配n6之前的所有同辈strong元素
var $n6_prevAll_strong = $n6.prevAll("strong");
document.writeln( getTagsInfo( $n6_prevAll_strong ) ); // #n4
var $label = $("label");
//匹配所有label元素之前的包含类名"active"的同辈元素
var $label_prevAll_active = $label.prevAll(".active");
document.writeln( getTagsInfo( $label_prevAll_active ) ); // #n10,#n5,#n4

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der Funktion jQuery.prevAll(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!