How do I find a specific element using css class but no ID using Jquery?

Question

I have an html code as

<div class="container">
    <div class="ax" > <p>some text ... </p> </div>
    <div class="ax" > <p>some text ... </p> </div>
    <div class="ax" > <p>some text ... </p> </div>
    <div class="ax" > <p>some text ... </p> </div>
</div>

Now I need to check each specific "p" in the div classed "ax" if it has more than 175 characters, if it does, it need to show "read more" text in the end.

My main problem is that I can't use id's because these divs will be auto generated.

Please help.

Adding the correct tags is a key part of asking a question. If you are looking for a jQuery answer then it is always wise to add that to the tag list :) — Harry
– Harry, Commented Jan 31, 2016 at 15:12

adeneo · Accepted Answer · 2016-01-31 15:22:46Z

1

Get the text of each paragraph, check the length, and use a condition to return the "read more" text

$('.ax p').text(function(_, txt) {
   return txt.length > 175 ? txt.slice(0,175) + '... read more ...' : txt;
});

answered Jan 31, 2016 at 15:22

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Axel Amthor · Accepted Answer · 2016-01-31 15:20:34Z

0

In order to access each of the `ax' elements, just do:

   $(".ax > p").each( function(index, elem) {
        // elem now is one of the "p" tags with "ax" class elements
        if ( $(elem).html().length > 175 ....

   });

the callback will be called for each of the elements found. See: http://api.jquery.com/each/

answered Jan 31, 2016 at 15:20

Axel Amthor

11.1k1 gold badge28 silver badges45 bronze badges

Comments

Ghostff · Accepted Answer · 2016-01-31 15:35:34Z

0

$('.ax').each(function() {
  if($(this).find('p').text().length > 175){
    //redmore();
  }
});

answered Jan 31, 2016 at 15:35

Ghostff

1,4583 gold badges19 silver badges31 bronze badges

Collectives™ on Stack Overflow

How do I find a specific element using css class but no ID using Jquery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related