html – CSS中只有带有文本兄弟的子项

2023年12月8日 214次阅读

我想让下面的内跨消失,如果它是一个独生子女：

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

即选择器在这种情况下不起作用：

<div class="foo">
  <span></span>  
  Some text
</div>

我试过：only-child和：last-child哪个不行,我假设是因为那个“Some text”文本.

最佳答案 我认为只有CSS才能做到这一点.您应该通过制定一些条件来使用jQuery或JavaScript.

if ($(".foo").text().length < 1 && $('.foo span').is(':empty')) {
    //hide your element here
    $('.foo').hide();
}
点赞