Limit strings in text with jQuery

Question

I'm trying to limit the characters in a block, and I've managed to do it like this (I've followed this solution)

      $(".nome-produto").text($(this).text().substr(0, 70)+'...');

It's working as needed, but the problem is I have multiple items, and the text is being copied...

The printscreen is here

Any clues?

Yury Tarabanko · Accepted Answer · 2015-01-06 18:52:37Z

2

You need a function that will return correct text for every node in the matching set.

$(function(){
   $('.nome-produto').text(function(_, text){
       return text.substr(0, 70) + '...';
   });
});

answered Jan 6, 2015 at 18:52

Yury Tarabanko

45.1k10 gold badges88 silver badges99 bronze badges

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

Comments

J. Melis · Accepted Answer · 2015-01-06 18:54:14Z

0

It looks like you are using a class selector so I believe the jquery statement you are using would be applied to all items of that class. You could either have a statement for each item (not desirable) or you should be able to do something like:

$(".nome-produto").each( function() {
   $(this).text($(this).text().substr(0, 70)+'...');
});

answered Jan 6, 2015 at 18:54

J. Melis

827 bronze badges

Collectives™ on Stack Overflow

Limit strings in text with jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related