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

Question

我想让下面的内部跨度消失，如果它是独生子女：

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

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

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

我尝试了:only-child和:last-child哪些不起作用，我假设是因为“某些文字”文字。

Answer 1

我认为只有CSS才能做到这一点。你应该通过制定一些条件来使用jQuery或JavaScript。

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