javascript - 如何使用javascript获取元素中的单词数？

Question

您好，我想在我的 RTE(富文本编辑器)中使用 javascript 进行字数统计，也可以与 jquery 一起使用。但它不应该计算 html 标签和重复的空格。

示例文本:

<h1>Hello World</h1> <p> This is Good!!!</p> answer <h2>thanks! </h2>

javascript 应该只显示 7。

是否有任何 javascript 代码可以快速计算字数？

谢谢!

编辑

如果示例文本是这样的:<p>11 22&nbsp; 33</p><p>44</p>5<br></div>javascript 应该只显示 5。

Answer 1

首先需要获取元素的文本内容。您可以使用 text() 获取元素的文本.然后你需要删除额外的文本空间。 trim()和 replace(/[\s]+/g, "") 删除文本中的额外空格。现在您可以使用 split() 将文本转换为单词方法。

var length = $(".text").text().trim().replace(/[\s]+/g, " ").split(" ").length;
console.log(length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="text">
    <h1>Hello World</h1> 
    <p> This  is   Good!!!</p> 
    answer 
    <h2>thanks! </h2>
</div>