CODEWITHSUNDEEP
jqueryconcatenation
skytorner
skytorner

Reputation: 415

JQuery - How to concatenate text with .each?

First of all, excuse me for my bad english.

I've tried various methods but haven't had any luck as of yet.

I'm returning a series of objects with .each()method.

I'd like to populate the "value" attribute of a input field with each value from the object. I didnt find a way to do the same thing as PHP .=

Any idea would be great!

Here's my code : 

$.each($("input[type='checkbox']:checked"), function(){
        var data = $(this).parent().parent().find("td:eq(1)"); 
         $("#login").val(data.text());
    })

Upvotes: 10

Views: 28390

Answers (2)

Adil
Adil

Reputation: 148110

You can use map(). You can pass the delimiter character to join() to separate the alues.

text = $("input[type='checkbox']:checked").map( function(){
    return $(this).parent().parent().find("td:eq(1)");        
}).get().join();

$("#login").val(text);

Upvotes: 19

Denys Séguret
Denys Séguret

Reputation: 382112

var c = '';
$.each($("input[type='checkbox']:checked"), function(){
    var data = $(this).parent().parent().find("td:eq(1)"); 
    c += data.text();
})
$("#login").val(c);

You could also have used this in the loop :

$("#login").val($("#login").val(c)+data.text());

but I personally prefer to minimize the changes of the DOM.

Note also that using traversals like parent().parent() lead to maintenance problems. In your case you could probably use 

var data = $(this).closest('tr').find("td:eq(1)");

so that the code won't break if a span or any other elements wraps your input in the future.

Upvotes: 13

Related Questions