Question

<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更改。

Answer 1

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

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

Answer 2

要检查div是否存在，您可以使用以下Jquery代码段。

if( $('.your-class').length )
{
    //CODE IF DIV EXIST
}

Answer 3

试试这个

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

Answer 4

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

<强> JS

var numClass = $(".views-row").length;
if(numClass == 3)
{
   /*Some Change in Your CSS*/
   $(".views-row").css("color","red");
}

Answer 5

检查容器div内的div号码。

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

Answer 6

在jquery中使用.length

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

}

检查JQuery中的类是否存在DIV元素

6 个答案: