Question

我想选择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>

Answer 1

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

尝试类似：

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

.each()引用点击here

Answer 2

document.getElementById('sortable1').children

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

Answer 3

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

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

或者，如果您只想要文本......

var myItems = [];

$("#sortable1").each(function() {
    var $this = $(this);
    myItems.push($this.text());
});

Answer 4

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

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

4 个答案: