Comment utiliser jQuery pour rechercher des éléments dont l'attribut name n'est pas vide ?

Comment utiliser jQuery pour trouver des éléments dont l'attribut name n'est pas vide ?

Lors de la rédaction de pages Web, vous devez souvent opérer sur des éléments de page Web, et parfois vous devez filtrer des éléments spécifiques en fonction de leurs attributs. Lors de l'utilisation de jQuery, nous pouvons facilement trouver des éléments qui remplissent les conditions grâce aux sélecteurs. Cet article détaillera comment utiliser jQuery pour rechercher des éléments avec des attributs spécifiques, ainsi que des exemples de code.

Tout d'abord, nous devons clarifier nos exigences : trouver des éléments dont l'attribut name n'est pas vide. Ensuite, nous pouvons utiliser les sélecteurs d'attributs de jQuery pour accomplir cette tâche. Les sélecteurs d'attributs sont représentés par des crochets [], et les éléments peuvent être trouvés en spécifiant les attributs et leurs valeurs correspondantes entre crochets.

L'exemple de code spécifique est le suivant :

<!-- 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>

Dans le code ci-dessus, nous définissons d'abord une structure HTML contenant quatre éléments div, dont certains ont l'attribut name. Apportez ensuite la bibliothèque jQuery et exécutez le code une fois le document prêt. Dans le code, nous utilisons le sélecteur d'attribut [name]:not([name=""]) pour rechercher l'élément avec l'attribut name et l'attribut name n'est pas vide, et le stocker dans elementsWithName. [name]:not([name=""])来找到具有name属性且name属性不为空的元素，并将其存储在elementsWithName变量中。

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

Ensuite, nous utilisons la méthode each pour parcourir ces éléments, et obtenons le contenu textuel de chaque élément via $(this).text(), et enfin via le console .logSortie vers la console.

Grâce à l'exemple de code ci-dessus, nous avons utilisé avec succès jQuery pour trouver des éléments avec un attribut de nom qui n'est pas vide et pouvons exploiter davantage ces éléments pour répondre à nos besoins. La fonction de sélection de jQuery est puissante et flexible, ce qui peut nous aider à localiser rapidement et précisément les éléments qui doivent être exploités et à améliorer l'efficacité du développement. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!