jQuery: issue with each loop

Question

I am new to jQuery and hope someone here can help me with this:

Basically what I am trying to do is the following:

Check for all elements with the class "limit" and get their maxlength.
Find an element with the class "count" in the same row.
Add the found maxlength to the count element's text.

I am using the following but this displays the last maxlength for all the elements in question. My guess is that my last element is perhaps overwriting the others. Can someone tell me what I have to change here ?

var limit = '';
$('.limit').each(function() {
    limit = $(this).attr('maxlength');
    $(this).closest('tr').find($('.count').text(limit));
});

Many thanks in advance, Mike.

$('tr .count').text(function() { return $(this).closest('tr').find('.limit').attr('maxlength'); }); — adeneo
– adeneo, Commented May 8, 2014 at 15:47

Felix · Accepted Answer · 2014-05-08 15:42:47Z

1

Try to use:

$(this).closest('tr').find('.count').text(limit);

You don't need to convert .count to jQuery object inside .find() method. You also need to put .text() outside of .find()

answered May 8, 2014 at 15:42

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

1 Comment

Mike Over a year ago

Thanks a lot, that makes sense ! Will accept as soon as I can.

Collectives™ on Stack Overflow

jQuery: issue with each loop

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