Javascript 在呈现div时获取div的父类

我有：

尝试：

---

这甚至可以在根本不使用JavaScript的情况下完成（仅使用CSS）：

$（this.load（function（））{
如果（$（this）.parent（）是（'.foo'））
{
$（this.hide（））
}
});

---

顺便说一句，加载将适用于图像，我相信div没有加载事件，不管怎样，在这种情况下，

这是（我认为）窗口。尝试选择DOM就绪处理程序中的所有
.bar
元素，然后执行您需要的任何操作

<script type="text/javascript">
   $(this).load(function(){
      if($(this).parent().is('.foo'))
      {
        $(this).hide()
      }
   });
</script>

我想你把document.ready和load函数搞混了。此外，这里有一种简单的方法，仅当“bar”位于foo中时才隐藏它们

$(document).ready(function() {
    $('.foo > .bar').hide();
});

如果“bar”在“foo”中，我想隐藏“bar”：

只要瞄准任何一个孩子就行了吧。福

$(document).ready(function () {

    if ($('.foo').find('.bar').length > 0) {
        $('.bar').hide();
    }

});

试一试


$('.foo').each(function () {
    if ($(this).find('div.bar').length) $(this).find('div.bar').hide();
});

.foo .bar {
    display:none;
}

<script type="text/javascript">
   $(this).load(function(){
      if($(this).parent().is('.foo'))
      {
        $(this).hide()
      }
   });
</script>

$(document).ready(function() {
    $('.foo > .bar').hide();
});

$(document).ready(function () {

    if ($('.foo').find('.bar').length > 0) {
        $('.bar').hide();
    }

});

$('.foo .bar').hide();

if ($('.bar').parent().hasClass('foo')){     
$('.bar').hide();
}