在jQuery中按类检查DIV元素是否存在

Check if a DIV element exists by its class in jQuery

本文关键字：DIV 元素 是否 存在 检查 jQuery      更新时间：2023-09-26
<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-4").length) {
  // at least one element with class "views-row-4"
}

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

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

像一样尝试

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

检查容器div内div的编号。

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

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

JS

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

在jquery 中使用.length

if($(".views-row").length == 3) {
}
相关文章：