le filtre d'attribut jquery ne contient pas

Lors de l'apprentissage et de l'utilisation de jQuery, les sélecteurs d'attributs sont un type de sélecteur très important. Les sélecteurs d'attributs peuvent filtrer les éléments en fonction de leurs valeurs d'attribut. Les valeurs courantes incluent égal à, différent de, contient et ne contient pas.

Cependant, parmi les filtres d'attributs, le filtre qui n'inclut pas ne semble pas être aussi couramment utilisé que les autres filtres d'attributs. Le filtre d'exclusion est un filtre relativement complexe qui nous oblige à saisir un sélecteur spécifique à filtrer. Dans cet article, nous explorerons le filtre d'exclusion dans jQuery et son utilisation.

1. Syntaxe qui n'inclut pas les filtres d'attributs

La syntaxe d'exclusion des filtres d'attributs est similaire à la syntaxe des autres filtres d'attributs, mais vous devez utiliser des deux-points : entre crochets. Sa forme générale est la suivante :

$('selector:not([attribute!=value])'); $('selector:not([attribute!=value])');

这个选择器使用了not()方法，它将筛选器包裹起来并排除了所有满足选择器的元素。我们可以在方括号内使用一个或多个属性、值和运算符。

如果我们不希望元素匹配一个特定的属性值，则可以使用不包含的筛选器。在方括号内使用一个感叹号!，跟随一个等号=。在等号后面的引号内，我们可以编写我们不希望匹配的属性值。

二、不包含属性筛选器的使用

为了更好地理解不包含属性筛选器，让我们看一些具体的例子。

我们有如下的HTML代码：

    <div class="example" data-value="9"></div>
    <div class="example" data-value="10"></div>
    <div class="example" data-value="12"></div>

现在，我们希望在这些元素中，只选择那些data-value属性的值不包含“5”的元素。我们可以使用以下代码来实现：

$('.example:not([data-value="5"])');

这将给我们返回data-value属性为9、10和12的三个元素。这是因为5是我们不想要的属性值，not()方法将匹配的结果反转，并返回我们想要的元素。

接下来，我们可以使用其他的属性和运算符来扩展这个选择器。例如，我们可以使用<运算符来选择data-value属性小于十的元素：

$('.example:not([data-value<"10"])');

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!