Javascript jQUERY:计算没有类的元素数

我想获得span标记的数量，这些span标记具有类

指定名称

，但没有名为

隐藏的类

。以下是HTML代码：

<div class="assigned-values">
    <span class="assigned-names">
          <span class="name">Test 1</span>
    </span>
    <span class="assigned-names hidden">
          <span class="name">Test 2</span>
    </span>
    <span class="assigned-names hidden">
          <span class="name">Test 3</span>
    </span>
</div>

测试1
测试2
测试3

因此，对于上面的HTML，具有class

指定名称但没有class
隐藏的span标记的数量为1

我尝试了以下代码，但它给出的长度为2：

$（'.assigned values'）.find（'span.assigned names:not（：has（.hidden）））.length
您可以使用
not（）
函数简单地筛选出非必需的元素：


const elems=$（“.assigned values>.assigned names”）。不（“.hidden”）；
控制台日志（元素长度）

测试1
测试2
测试3
您可以使用
not（）
函数简单地过滤掉非必需的元素：


const elems=$（“.assigned values>.assigned names”）。不（“.hidden”）；
控制台日志（元素长度）

测试1
测试2
测试3
您可以使用
.not（'span.hidden'）
。方法从匹配的元素集中移除元素


console.log（$（'.assigned values'）.find（'span.assigned names'）.not（'span.hidden'）.length）

测试1
测试2
测试3
测试1
您可以使用
.not（'span.hidden'）
。方法从匹配的元素集中移除元素


console.log（$（'.assigned values'）.find（'span.assigned names'）.not（'span.hidden'）.length）

测试1
测试2
测试3
测试1
首先，您的JQuery代码在“span.assigned name”中缺少一个“s”

我已经尝试了下面的代码，它是有效的

var element = $('.assigned-values').find('span.assigned-names').not('.hidden').length
console.log(element.length);

代码将值输出为1
首先，您的JQuery代码在“span.assigned name”中遗漏了一个“s”

我已经尝试了下面的代码，它是有效的

var element = $('.assigned-values').find('span.assigned-names').not('.hidden').length
console.log(element.length);

代码输出值为1
是
指定名称
还是
指定名称
？，在jquery代码中是
指定名称
，而在HTML中是
指定名称
还是
指定名称
？，在jquery代码中，它的
指定名称
，而在HTML中，它的
指定名称