Count Paragraph Text Length with jQuery

Показать описание

This short demo shows how to count paragraph text length with jQuery, and also append the number in the end of each paragraph.

Рекомендации по теме

Комментарии

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
span.num {
color: firebrick;
}
</style>
</head>

<body>
<div class="container">
<div class="articles">
<h1>Count Paragraph Length</h1>
<ul class="article-list">
<li class="article-item featured">
<header>Article #2</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil animi ipsum, incidunt mollitia modi cum, eum ex doloremque rerum quod, maiores quisquam, enim quam unde cumque! Quam, doloremque. Voluptatum, maxime!</p>
<li class="article-item">
<header>Article #3</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt ratione, cum doloremque molestias labore amet at dicta reiciendis repudiandae fuga atque adipisci pariatur distinctio suscipit perferendis provident, facere ad aut.</p>
</li>
<li class="article-item">
<header>Article #4</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate commodi, est soluta eos voluptates eum! Modi sit quia ipsum fugiat nesciunt, assumenda deleniti consequuntur molestias reprehenderit. Voluptate corporis illum nam?</p>
<p>Quia, omnis. Quasi necessitatibus, ducimus, deserunt ipsa, reprehenderit sit a dolore fuga placeat magni culpa ipsam quas id aut veniam rerum pariatur enim harum recusandae quo odio consequuntur. Maxime, aperiam.</p>
</li>
</ul>
</div>
</div>
<script>
$("p").each(function() {
var num = $(this).text().length;
$(this).append('<span class="num"> Number of This Paragraph: </span>' + num);
});
</script>

</body>
</html>

ChuweiLu

Count Paragraph Text Length with jQuery

Count Paragraph Text Length with jQuery

Word Length and Paragraph Word Length Counter

Javascrip - How to get length of HTML Paragraph

Word Counter Character Counter Paragraph counter Text Counter Count Words and Characters

Insert a Word Count function into Your MS Word Document

How To Make An Essay Longer with these easy Tips and Tricks (Without adjusting Margins)

how to count words,character,lines,pages,paragraph in ms word | F HOQUE |

VBA: UDF to get the frequency of specific word in a Paragraph

Text Analyzer using javascript | simple paragraph counter | simple word counter

How to Use Microsoft Word’s Word Count Tool

Applied Visual Design (16/52) | Set the font-size of Paragraph Text | freeCodeCamp

Counting Words in a given paragraph/sentence | Python Program

Check your word count in Microsoft Word

The RIGHT Way to Make an Essay Longer #shorts

Excel Tips 31 - Add Multiple Lines to Text within Cells - Use the Enter key within a cell

Python Dictionary Example 1 | Count Frequency of Each Word in Paragraph - Tutorial #50

Word: Line and Paragraph Spacing

Adjust the Size of a Header Versus a Paragraph Tag (Applied Visual Design) freeCodeCamp tutorial

Creating Dotted Line for Paragraph Indentation in Word | Using Tab to Set Fixed-Distance Dot Line

Frequently Asked Java Program 27: How To Count Words in a String

Microsoft Word Tips – Show Paragraph, Word Count, Page Break, Page Numbers, Font Format – No Talking...

#48 Count occurrence of each character in paragraph in PHP | PHP Tutorial | PHP for Beginners

How to Set Character Limit in Excel - Tutorial

How to Create Text Paragraph & Columns in MS Excel (Excel 2007-2019)