通过jQuery中的类检查DIV元素是不是存在[重复]

Posted 2023-05-07

【中文标题】通过jQuery中的类检查DIV元素是不是存在[重复]

【英文标题】：Check if a DIV element exists by its class in jQuery [duplicate]通过jQuery中的类检查DIV元素是否存在[重复]

【发布时间】：2015-09-13 11:24:30

【问题描述】：

<div class="view-content">
    <div class="views-row views-row-1">
    <div class="views-row views-row-2">
    <div class="views-row views-row-3">
    <div class="views-row views-row-4">
</div>

如何在 javascript/jQuery 中检查最后一个 <div> 元素 (<div class="views-row views-row-4">) 是否存在？

有时，我只有 3 个，而另一些是 4 个。当我只有 3 个时，我想执行一些 CSS 更改。

【问题讨论】：

if($(".views-row").length > 3)

说明您要对哪些元素执行 CSS 更改，可能有助于提供更好的解决方案。

是的，看到没有关闭吗？没关系

@user3932702 确实很重要。由于这样的错误，您很有可能无法获得所需的输出。你想要正确的答案，提出正确的问题。

【参考方案1】：

您可以查找对象，然后检查是否找到：

if ($(".views-row-4").length) 
  // at least one element with class "views-row-4"

【参考方案2】：

要检查一个div是否存在，你可以使用下面的jquery sn-p。

if( $('.your-class').length )

    //CODE IF DIV EXIST

【参考方案3】：

试试这个

$('.view-content').children().length

【参考方案4】：

检查容器div内div的编号。

if ($('.view-content > div').length > 3) 
    // Do your code here

【参考方案5】：

我认为这可能会对您有所帮助：

JS

var numClass = $(".views-row").length;
if(numClass == 3)

   /*Some Change in Your CSS*/
   $(".views-row").css("color","red");

【参考方案6】：

在 jquery 中使用.length

if($(".views-row").length == 3)