Wie finde ich mit jQuery Elemente, deren Namensattribut nicht leer ist?

Wie verwende ich jQuery, um Elemente zu finden, deren Namensattribut nicht leer ist?

Beim Schreiben von Webseiten müssen Sie häufig mit Webseitenelementen arbeiten und manchmal müssen Sie bestimmte Elemente anhand ihrer Attribute filtern. Wenn wir jQuery verwenden, können wir über Selektoren leicht Elemente finden, die die Bedingungen erfüllen. In diesem Artikel wird detailliert beschrieben, wie Sie mit jQuery Elemente mit bestimmten Attributen finden, zusammen mit Codebeispielen.

Zuerst müssen wir unsere Anforderungen klären: Elemente finden, deren Namensattribut nicht leer ist. Als Nächstes können wir die Attributselektoren von jQuery verwenden, um diese Aufgabe zu erfüllen. Attributselektoren werden durch eckige Klammern [] dargestellt, und Elemente können durch Angabe von Attributen und ihren entsprechenden Werten in eckigen Klammern gefunden werden.

Das spezifische Codebeispiel lautet wie folgt:

<!-- HTML结构 -->
<div name="test1">元素1</div>
<div name="">元素2</div>
<div>元素3</div>
<div name="test2">元素4</div>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    // 使用属性选择器查找name属性不为空的元素
    var elementsWithName = $('[name]:not([name=""])');
    
    // 遍历找到的元素并输出其内容
    elementsWithName.each(function(){
        console.log($(this).text());
    });
});
</script>

Im obigen Code definieren wir zunächst eine HTML-Struktur mit vier div-Elementen, von denen einige das Namensattribut haben. Bringen Sie dann die jQuery-Bibliothek hinzu und führen Sie den Code aus, nachdem das Dokument fertig ist. Im Code verwenden wir den Attributselektor [name]:not([name=""]), um das Element mit dem Namensattribut zu finden und das Namensattribut ist nicht leer, und speichern es in elementsWithName-Variable. [name]:not([name=""])来找到具有name属性且name属性不为空的元素，并将其存储在elementsWithName变量中。

接着，我们使用each方法遍历这些元素，并通过$(this).text()获取每个元素的文本内容，最后通过console.log

Als nächstes verwenden wir die Methode each, um diese Elemente zu durchlaufen und den Textinhalt jedes Elements über $(this).text() und schließlich über zu erhalten console .logAusgabe an die Konsole.

Durch das obige Codebeispiel haben wir jQuery erfolgreich verwendet, um Elemente mit einem Namensattribut zu finden, das nicht leer ist, und können diese Elemente weiter betreiben, um unsere Anforderungen zu erfüllen. Die Auswahlfunktion von jQuery ist leistungsstark und flexibel, was uns dabei helfen kann, die zu bedienenden Elemente schnell und genau zu lokalisieren und die Entwicklungseffizienz zu verbessern. 🎜

Das obige ist der detaillierte Inhalt vonWie finde ich mit jQuery Elemente, deren Namensattribut nicht leer ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!