javascript - 检查子元素，如果子元素存在则隐藏父元素

Question

我试过这个:

<script>
$(document).ready(function() {
  $('#title_article:not(:has(>hr:first-child))').hide();
});
</script>

---

但从不显示..

---

<div id="title_article">
    <span style="padding-left:121px;">Article | </span>
    <span class="entry-date"><?php echo get_the_date(); ?></span>
</div>

寻求检查 <hr> 的子元素如果<hr>存在隐藏父级或#title_article

<hr>不会在 <div id="title_article"></div> 内但在下面:

<!-- page content -->

    <div id="title_article></div>
    <hr>

<!-- page content -->

Answer 1

您正在寻找.next()

Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.

你必须做类似的事情:

if ($('#title_article').next('hr').length)
    $('#title_article').hide();

在您的示例中，<hr>不是 #title_article 的子元素，而是一个 sibling 。