【问题标题】:jQuery Print elements pushed into arrayjQuery打印元素推入数组
【发布时间】:2015-08-19 11:00:19
【问题描述】:

我有以下代码:

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>

如何打印实际元素?

【问题讨论】:

  • “实际元素数据”是什么意思?这些元素中的文本?它们是输入吗?你想要它们的值吗?他们有你想使用的.data() 属性吗?您能否介绍一些元素,以及您希望希望从这些元素中看到的输出?
  • 我的意思是将元素作为字符串,而不是元素数据。已编辑。

标签: jquery arrays append


【解决方案1】:

使用被附加元素的outerHTML

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

【讨论】:

    猜你喜欢
    • 2014-12-15
    • 2011-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-22
    相关资源
    最近更新 更多