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

概述我想让下面的内跨消失,如果它是一个独生子女： <div class="foo"> <span></span> </div> 即选择器在这种情况下不起作用： <div class="foo"> <span></span> Some text</div> 我试过：only-child和：last-child哪个不行,我假设是因为那个“Some text”文本. 我认为只有CSS才 我想让下面的内跨消失,如果它是一个独生子女：

<div >  <span></span>  </div>

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

<div >  <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();}

总结

以上是内存溢出为你收集整理的html – CSS中只有带有文本兄弟的子项全部内容，希望文章能够帮你解决html – CSS中只有带有文本兄弟的子项所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。