0

我正在尝试创建一个 for 循环,它将获取 ul 中每个项目的值,然后从这些元素创建一个字符串。而 $("#sortable li:nth-child(1)").text(); 工作(用 2,3,4 等替换 1)并一次将每个项目带入一个,下面的 for 语句一次拉整个 ul。我该如何解决?

        info = ''
        for (var i =1; i <= 7; i++) {
          value = $("#sortable li:nth-child(i)").text();
          alert(value);
          info = info + ',' + value;
        }
        alert(info);



<ul id="sortable">
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>
4

3 回答 3

5

该参数被解析为字符串。您需要停止字符串并连接ifirst 的值:

$("#sortable li:nth-child(" + i + ")").text();
于 2013-04-27T00:45:25.757 回答
0

试试这个而不是循环。

var info = $('#sortable li').slice(0,7).map(function(){
  return $.trim($(this).text());
}).toArray().join(', ');

console.log(info);
//=> "Item 1, Item 2, Item 3, Item 4, Item 5, Item 6, Item 7"
于 2013-04-27T00:46:28.370 回答
0

这是你想要达到的目标吗?使用element.querySelectorAll

var lis = document.querySelectorAll("li"),
    array = [];

Array.prototype.forEach.call(lis, function (li) {
    array.push(li.textContent);
});

alert(array.join(","));

jsfiddle 上

或者代替使用Array.forEach,使用Array.map

var lis = document.querySelectorAll("li"),
    array = Array.prototype.map.call(lis, function (li) {
        return li.textContent;
    });

alert(array.join(","));

jsfiddle 上

或者使用jQuery 选择器jQuery.each 做同样的事情

var lis = $("li"),
    array = [];

$.each(lis, function (index, li) {
    array.push($(li).text());
});

alert(array.join(","));

jsfiddle 上

或者使用jQuery.map

var lis = $("li"),
    array = lis.map(function () {
        return $(this).text();
    }).toArray();

alert(array.join(","));

jsfiddle 上

如果您特别想将其保留为 for 循环,我确定您是否想使用 jquery 选择器,那么您可以从上面的示例中弄清楚这一点。

var lis = document.querySelectorAll("li"),
    length = lis.length,
    array = [];

for (i = 0; i < length; i += 1) {
    array.push(lis[i].textContent);
}

alert(array.join(","));

jsfiddle 上

于 2013-04-27T00:58:29.713 回答