如何使用javascript从列表中选择元素并将其放入数组中

How to select elements from a list and put it in an array using javascript

本文关键字：数组 选择 javascript 何使用 列表 元素      更新时间：2023-09-26

我想拾取ul标记中的所有元素，并使用javascript将其推送到数组中。我该怎么做？

<ul id="sortable1" class="connectedSortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>

在jQuery上使用.each()函数将帮助您实现它。

试试这样的东西：

  var array = [];
    $( "li" ).each(function() {
      array.push($(this).text());
    });

对于.each()参考，请单击此处

JavaScript:DEMO

var sortable1 = document.getElementById("sortable1").children;
var array = new Array();
for(i=0; i<sortable1.length; i++) {
    array.push(sortable1[i].innerHTML);
}

jQuery:DEMO

var lis = $("#sortable1").children();
var array = new Array();
for(i=0; i<lis.length; i++) {
    array.push($(lis[i]).text());
}

document.getElementById('sortable1').children

返回li对象的类似数组的对象

根据您的类名，看起来您正在使用jQuery。。。

var myItems = $("#sortable1").children();

或者，如果你只想要文本。。。

var myItems = [];
$("#sortable1").each(function() {
    var $this = $(this);
    myItems.push($this.text());
});
相关文章：