jQuery如果元素的子元素有两个类 - 做一些事情

时间:2016-09-18 12:31:33

标签: jquery

我想知道元素的子元素是否有两个类,例如,如果我们有这样的东西:

HTML

<div class="mainElement">
  <div>
    <p class="thisClass">
    </p>
  </div>
  <div>
    <div>
      <div class="andThisClass">
    </div>
  </div>
</div>

我想抓住并删除它,例如:

的jQuery

if($('.mainElement').hasClasses('thisClass, andThisClass') ){
$('.mainElement').css('display', 'none');

}

虽然这显然不起作用,但我也试过 .find()

2 个答案:

答案 0 :(得分:2)

您可以使用has过滤器

来完成此操作
var cache = $('.mainElement');
cache.toggle(!(cache.has('.thisClass').length && cache.has('.andThisClass').length));

DEMO

答案 1 :(得分:1)

您可以使用.find

执行此操作

试试这个

if ($('.mainElement').find('.thisClass').length>0 && $('.mainElement').find('.andThisClass').length>0) {
  console.log("contain");
}

DEMO

你没有正确关闭你的标签

这里

    </p>
  </div  <- here
  <div>
    <div>