计算div中的字数-忽略指定子div中的单词

Question

我想计算指定div中的字数。指定的div-有一个子div包含在类ignoreMe中-我有一段很好的代码，可以很好地计算父div中的单词，包括ignoreMediv的内容……我看不到要开始工作的是让代码忽略ignoreMediv.中的内容…如何实现这一点有什么技巧吗？

function countWordsInDiv () {
var txt = $(".parentDIV").text();
wordCount = txt.replace( /[^w ]/g, "" ).split( /s+/ ).length;
console.log(wordCount)
}
$(window).load(function() { countWordsInDiv(); });

Answer 1

您可以从需要忽略的元素中减去单词的数量。

function countWordsInDiv () {
console.log(returnWords($(".parentDIV").text()) - returnWords($(".ignoreMe").text()))
}
function returnWords(str) {
return str.replace( /[^w ]/g, "" ).split( /s+/ ).length;
}
countWordsInDiv();
$('#total').text(returnWords($(".parentDIV").text()));
$('#total_to_ignore').text(returnWords($(".ignoreMe").text()));
$('#total_without_ignore').text(returnWords($(".parentDIV").text()) - returnWords($(".ignoreMe").text()));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>Total: <span id="total"></span></div>
<div>Total Ignore: <span id="total_to_ignore"></span></div>
<div>Total Without Ignore: <span id="total_without_ignore"></span></div>
<br><br>
<div class="parentDIV">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis molestiae quasi nobis modi minima cupiditate vel totam, rem in, cumque, beatae quod doloribus, minus tenetur libero. Ex possimus, accusamus doloremque.
<div class="ignoreMe">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta totam veritatis eum, illo impedit? Quo consequuntur deserunt unde quam cumque quae quibusdam debitis pariatur, natus aperiam maiores eaque, quod mollitia?</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates ea odio esse architecto exercitationem doloribus eos nulla tempore adipisci. Accusamus reiciendis beatae excepturi placeat laborum mollitia eos dolores quod. Laboriosam!
</div>