Compare length of strings within list items

Question

please help me with a simple problem in jQuery. I have a load of list items on a page and I need to compare the length of the strings within them. If they are greater than 100 characters then I need to add a class to the 'li' otherwise nothing happens. My code so far:

<ul id="mylist">
     <li>This is a string with more than 100 characters in it. This is a string with more                than 100 characters in it.</li>
   <li>This is a string with less than 100</li>
 </ul>

  var len = $("#mylist li").text().length;
    $( "#mylist li" ).each(function() {
    if (len > 100) {
           $(this).addClass("test");
    }
     });

Anton · Accepted Answer · 2014-01-29 10:48:55Z

1

Check the length of the text of each li like this

$('#mylist li').each(function () {
    if ($(this).text().length > 100) {
        $(this).addClass("test");
    }
});

answered Jan 29, 2014 at 10:48

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex · Accepted Answer · 2014-01-29 10:48:50Z

0

Something like the following should work. Put your length check inside the loop:

$("#mylist li").each(function(e,el) {
    var intLen = $(el).text().length;
    if (intLen > 100) {
           $(this).addClass("test");
    }
});

answered Jan 29, 2014 at 10:48

Alex

7,3461 gold badge21 silver badges31 bronze badges

Comments

Milind Anantwar · Accepted Answer · 2014-01-29 10:48:58Z

0

use:

$( "#mylist li" ).each(function() {
  if ($(this).text().length> 100) {
       $(this).addClass("test");
   }
});

answered Jan 29, 2014 at 10:48

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

Praveen · Accepted Answer · 2014-01-29 10:58:31Z

0

var len = $("#mylist li").text().length;

The above code will make use of entire li's text (ie., Total no. of characters within the mylist li's). Hence it is not working.

So keep it inside the each method to check for individual lis.

$( "#mylist li" ).each(function() {
    if ($(this).text().length > 100) {  //individual li 
           $(this).addClass("test");
    }

edited Jan 29, 2014 at 10:58

answered Jan 29, 2014 at 10:49

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

1 Comment

madameFerry Over a year ago

They were all correct answers but I accepted Praveens because he told me where my error was. Appreciated all the answers...

Collectives™ on Stack Overflow

Compare length of strings within list items

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related