#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>