javascript - 渲染div时获取div的父类

Question

我有：

<div class="foo">
 <div class="bar">
 </div></div>

当“bar”被渲染时，我想检查“bar”是否在“foo”中，如果是，类名是什么。

什么不起作用：

<div class="foo">
 <div class="bar">
  <script type="text/javascript">
    $(this).load(function(){
      var parentClass= $(this).parent().attr('class');

    });
  </script>
 </div></div>

如果“bar”在“foo”中，我想隐藏“bar”，如果没有，显示它，所以我会：

if(parentClass.indexOf('foo') > -1) $(this).hide();

Answer 1

尝试：

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

jsFiddle 示例

---

这甚至可以在完全没有 JavaScript 的情况下完成（只有 CSS）：

.foo .bar {
    display:none;
}

jsFiddle 示例

Answer 2

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

顺便说一句，加载将适用于我相信的图像

Answer 3

divs 没有加载事件，并且无论如何，在这种情况下，this（我认为）是窗口。尝试选择.barDOM 就绪处理程序中的所有元素，然后执行您需要的任何操作。

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

http://jsfiddle.net/mSAMw/

Answer 4

我认为您将 document.ready 与 load 功能混淆了。此外，这是一种仅在 foo 中隐藏“bar”的简单方法。

$(document).ready(function () {

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

});

Answer 5

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

只针对 .foo 的任何子 .bar ？

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

Answer 6

尝试

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

演示