如果通过JQuery没有子元素,则隐藏元素中的所有文本

时间:2015-02-05 21:56:24

标签: javascript jquery html

我会试着为这个奇怪的问题简明扼要。

我希望将文字隐藏在" p"标记,如果其中没有子标记。

例如,如果我有以下内容: -

<p class="myflow"> Text <a href="#"> Some Link </a> </p>

我不想隐藏任何内容,但如果有以下内容: -

<p class="myflow"> Text  </p>

然后我想&#34; p.myflow&#34;隐藏,因为没有儿童标签。

我为没有写一些初步尝试而道歉,因为我不知道如何处理这个问题。

感谢。

2 个答案:

答案 0 :(得分:2)

一个解决方案就是:

$('p.myflow:not(:has(*))').hide()

答案 1 :(得分:2)

if ( $('p.myflow').children().length < 1 ) {
       $('p.myflow').hide();
}