Jquery：如果元素中存在类则隐藏元素

Question

if( ('.container').closest('.item7') = true){

     hide THE container of item7.

     //----
     //need help with this line
     //something like $closest('.item7').('.container').hide();
     //----

}

摘要：

如果容器中存在 item7 类，则隐藏容器。

Answer 1

$('.item7').each(function() {
    $(this).parents('.container').hide();
});

这是一个小提琴，显示它正在工作> http://jsfiddle.net/ULZGH/

Answer 2

目前尚不完全清楚您想要做什么，但多次阅读您的问题后，我猜测您想要这样的逻辑。如果 .container 对象中的任何位置都有 .item7 类的对象，则隐藏 .container 父对象。如果这就是您真正想要做的，您可以这样做：

$('.container .item7').closest('.container').hide();

这将找到 .container 中的任何 .item7 对象，然后隐藏最接近的每个匹配的 .container 父对象。

如果有一个 .container 不包含 .item7，则不会被触及。如果 .item7 不在 .container 中，则不会触及它。

如果可能有多个级别的容器，并且您想将它们全部隐藏，您可以这样做：

$('.container .item7').parents('.container').hide();

这会找到所有 .item7 对象，然后隐藏所有 .container 父对象。

我最喜欢的做法实际上是这样的。如果只有几个 .container 对象，但有很多 .item7 对象，这会更有效：

$('.container').has('item7').hide();

这表示要找到每个 .container目的。然后，在生成的 jQuery 对象（所有 .container 对象中）中，删除任何没有后代 .item7 的 .container 对象，并然后隐藏剩余的 .container 对象。

Answer 3

如果你有更多容器，你应该循环它们:)

$('.container').each( function() {
  if( $(this).find('.item7').length ){
        $(this).hide();
  }
});

Answer 4

简单：

   $('.container').each (function () {

if ($(this).has('.item7').length>0 ){

      $(this).hide();

    }

})