Thursday, January 17, 2013

jQuery to count words in each paragraph

Find jQuery code to count number of words in each paragraph or HTML <p> tag element. Below jQuery code does following things.
  • Iterates through each paragraph element.

  • Split the paragraph text using space. Split() returns array so take the length of array which represents number of words.

  • Then appends the count to paragraph itself.

$(document).ready(function() {
$('p').each(function(i) {
var iTotalWords = $(this).text().split(' ').length;
$(this).append(" " + iTotalWords + " words ");
});
});
See result below

See Complete Code
Feel free to contact me for any help related to jQuery, I will gladly help you.

No comments:

Post a Comment