How to loop through classes and add text in array

Question

I'm trying to make a function that ellipsis the text, given a number of max letters.

I got an array with all the text of the classes, already formated the way i want. The problem is that i need to change the text() of every class with the text that is in the array.

Here is my code:

var array = $('.elipse').map(function(){
    return $(this).text();
}).get();


var i;
var teste = [];

for (i=0;i<array.length;i++){
    if (array[i].length > 30){

    teste.push(array[i].substr(0,10));

    } else {
        teste.push(array[i]);
    }
}

for (var i=0;i<teste.length;i++){

     $('.elipse').each(function(){

      $(this).text(teste[i]);

    });

  }

The problem is in the last for loop. Every text of every element that contains the elipse class must be changed to the text in teste array. I tried to loop it in a lot of different ways, but im missing something

each elipse text will always be the last item in the teste array, because every time the for loop gets in, it starts interating the each function again from start — Pietro Coelho
– Pietro Coelho, Commented Mar 31, 2014 at 13:48

tymeJV · Accepted Answer · 2014-03-31 13:48:22Z

2

Just loop the elements only, else you're overwriting:

$('.elipse').each(function(i){

  $(this).text(teste[i]);

});

answered Mar 31, 2014 at 13:48

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

Pietro Coelho Over a year ago

THANKS, didnt know how to use the each function properly.. just missing the parameter :))

Collectives™ on Stack Overflow

How to loop through classes and add text in array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related