Подсчет количества символов в каждом абзаце

#html #jquery

#HTML #jquery

Вопрос:

я пытаюсь найти способ подсчитать количество символов в каждом абзаце на странице. Я обнаружил этот небольшой фрагмент ниже, который подсчитывает количество слов в каждом абзаце, и он отлично работает. Можно ли его изменить, чтобы также включить количество символов. В Интернете есть множество решений, но они фокусируются только на определенной строке или текстовой области и, как правило, становятся очень длинными и сложными. Я не возражаю, если пробелы или специальные символы будут включены в счетчик.

Вот фрагмент. Это действительно аккуратный маленький фрагмент кода.

 $(document).ready(function() {
    $('p').each(function(i) {
        var iTotalWords = $(this).text().split(' ').length;
        $(this).append("<b> "   iTotalWords   " words </b>");
    });
}) 

Заранее спасибо.

Ответ №1:

вот решение:

 var count = $('p').text().length;
 

Таким образом, ваш код будет выглядеть:

 $(document).ready(function() {
    $('p').each(function(i) {
        var iTotalWords = $(this).text().split(' ').length;
        var charCount = $(this).text().length;
        $(this).append("<b> "   iTotalWords   " words and "   charCount   " chars </b>");
    });
})
 

Надеюсь, это вам поможет; D

Ответ №2:

 $(document).ready(function() {
    $('p').each(function(i) {
        var text = $(this).text();
        var iTotalWords = text.split(' ').length;
        var iTotalChars = text.length;
        $(this).append("<b> "   iTotalWords   " words and "   iTotalChars   " chars</b>");
    });
})
 

Ответ №3:

 $(document).ready(function() {
    $('p').each(function(i) {
        var iTotalChars = $(this).text().length;
        $(this).append("<b> "   iTotalChars   " characters</b>");
    });
}) 
 <!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <p>123456789</p>
</html>