从列表标记中检索文本但不计算子标记

Question

我正在尝试检索其中的文本计算,<li>但我不需要<p>在此计算中考虑子标记.所以当我添加以下内容时,它会自然地计算出其中的所有文本<li>.

$('ul li').text().length;

来自HTML:

<ul>
    <li>Count me<p>Don't count me please.</p></li>
</ul>

有哪些可能的方法来实现这一点,以便不计算子标签文本？

Answer 1

您可以克隆元素,删除子元素然后提取文本:

var li = $('ul li').clone();
li.children().remove();
console.log(li.text().length);

无论子元素的数量或类型如何,这都将起作用.