通过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 确实很重要。由于这样的错误，您很有可能无法获得所需的输出。你想要正确的答案，提出正确的问题。

标签： javascript jquery html css

【解决方案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) {

}

【讨论】：