JavaScript/jQuery 检测 div 是否包含不包括子项的文本

Question

我需要验证 DIV 中是否有一些文本，但不在其子项中，例如，请参见此示例

<div id='one'>
  <div id='two'>Abc</div>
</div>
<div id='three'>xyz
  <div id='four'></div>
</div>

如果我悬停/单击元素 one 我想得到 false(无文本)，但是如果我悬停元素 three 我想得到 true

我试过用

$('#one').text().trim().length > 0

但它似乎也检查了任何我不想发生的 child

Answer 1

这已经在这里回答:jquery - get text for element without children text

还提到使用插件来完成仅获取元素的文本而不是子元素:http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/