jQuery Print elements pushed into array

Question

I have the following code:

var $element1 = $('#selector'),
    $element2...;

var $elements = [ $element1, $element2, $element3 ],
    $classes = ['class1','class2','class3'],
    $newElements = [];

$.each($elements, function($i, $element){
    $newElements.push('<li class="'+ $classes[$i]+'">' + $element +'</li>');
});

$(body).append( $newElements );

The output being:

<li class="class1">[object Object]</li>
<li class="class2">[object Object]</li>
<li class="class3">[object Object]</li>

How can I print the actual elements?

What do you mean by "the actual elements data"? The text within those elements? Are they inputs, and you want their values? Do they have .data() attributes that you want to use? Can you should us some of the elements, and the output you'd like to see from those elements? — Paul Roub
– Paul Roub, Commented Jun 4, 2015 at 17:46

tymeJV · Accepted Answer · 2015-06-04 17:49:40Z

1

Use the outerHTML of the element being appended:

$.each($elements, function($i, $element){
    $newElements.push('<li class="'+ $classes[$i]+'">' + $element[0].outerHTML +'</li>');
});

answered Jun 4, 2015 at 17:49

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

jQuery Print elements pushed into array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related