Javascript/jQuery 动态数组

Question

我正在尝试使用 JS/jQuery 创建动态数组。 HTML 结构为:

<ul>
    <li><img src="1"/></li>
    <li><img src="2"/></li>
    <li><img src="3"/></li>
</ul>

我正在尝试创建一个新的图像源数组，因此它最终看起来像:

var imagesArray = [1, 2, 3];

我以为我可以使用 jQuery .each() 方法...但我总是迷失方向。如果您能提供解释，我将非常感激。

谢谢!

Answer 1

var imagesArray = $('img').map(function(){ return this.src; }).get();

这是一个演示:http://jsfiddle.net/pkeBZ/

<小时/>

jQuery's .map() method循环遍历所有元素，收集回调函数返回的所有内容，并从中创建一个新数组。

但是，返回的结果的行为类似于数组，但实际上是一个 jQuery 对象(当然，它在您的用例中可能没有区别)。

如果要将 jQuery 对象转换为数组，可以使用 jQuery's .get() method .