jquery - 保存数组中选定元素的值

Question

我想将选定的项目保存到数组中。

例如：

 var list = $('ul.theList li'),
           result = $('div#result'); // other div
           content;

 for( var i=0; i < list.length; i++ ){
       content[i] = $('ul.theList li')[i];
 }

 $(result).text(content); // the result

这不起作用。

Answer 1

有两个问题，首先您没有将 定义content为数组，并且使用该代码您可能应该定义数组元素应如何连接：

 var list = $('ul.theList li'),
           result = $('div#result'),
           content = [];

 for( var i=0; i < list.length; i++ ){
       content.push($('ul.theList li:eq(' + i + ')').text());
       /* or:
       content.push($('ul.theList li').eq(i).text());
       */
 }

 $(result).text(content.join(', '));

:eq()使用选择器的JS Fiddle 演示。

JS Fiddle 演示使用.eq()方法。

我曾经.push()将li（我在这里假设您想要文本而不是节点本身）的文本插入到content数组中，而不是显式定义索引。

参考：

• Array.push().
• :eq()选择器。
• .eq()方法。

Answer 2

现在更好地使用 jQuery

版本 1

var list = $('ul.theList li'),

$('#result').text(list.text());

第 2 版

var list = $('ul.theList li');
list.each(function(i) {
  $('#result').append(i+".: "+$(this).text()+"<br/>");
});