2015-06-04 65 views
1

我有以下代码:jQuery的打印元件推入阵列

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); 

输出是:

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

我如何打印实际的要素是什么?

+0

你是什么意思的“实际内容数据”吗?这些元素内的文字?他们是否输入,并且你想要他们的价值?他们是否有你想要使用的'.data()'属性?你能否告诉我们一些元素,以及你想从这些元素中看到的输出? –

+0

我的意思是元素作为字符串,而不是元素数据。编辑。 – ameraz

回答

1

使用元素的outerHTML被追加:

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