检查是不是存在具有相同类的多个元素[重复]

Posted 2023-02-21

【中文标题】检查是不是存在具有相同类的多个元素[重复]

【英文标题】：Check if multiple elements with same class exist [duplicate]检查是否存在具有相同类的多个元素[重复]

【发布时间】：2014-07-05 20:29:46

【问题描述】：

想知道是否有任何方法可以检查文档中是否存在具有相同类的元素。

例如：

<div class="panel">panel 1</div>
<div class="panel">panel 2</div>
<div class="panel">panel 3</div>

JS：

if ( $('.panel')[0] ) 
    console.log('exists')

.. 但我想检查是否存在多个 panel 元素，aleast 2。

【问题讨论】：

$('.panel').length > 1

【参考方案1】：

尝试使用length 属性来完成您的任务，

if($('.panel').length > 1) 
  console.log('yes, more than one element exist')

【讨论】：

这就是我的意思，即使只有一个.panel 存在它也会返回true，我想检查是否存在具有相同类的多个元素

@Nimbuz 现在它会为你完成这项工作。

【参考方案2】：

if ( $('.panel').length >= 2 ) 
    console.log('exists')

这应该可以工作

【讨论】：

哦，是的，我写得很快——仍然没有得到蛋糕！无论如何，谢谢，我不会编辑答案，所以人们会明白你的意思。

@Fonzy 抱歉，一些未来的推荐人可能没有耐心查看 cmets。

np 伙计，刚刚学习如何绕过这里。直到 ;)

【参考方案3】：

只需使用长度属性；）

if ($('.panel').length > 0) 
  // your code