Javascript / jQuery动态数组 [英] Javascript/jQuery Dynamic Array

问题描述

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

I am trying to create a dynamic array using JS/jQuery. The HTML structure is:

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

我正在尝试创建一个新的图像源数组，所以最终看起来像： / p>

I am trying to create a new array of the image sources, so it ends up looking like:

var imagesArray = [1, 2, 3];

我以为我可以使用jQuery .each（）方法......但我一直迷路。如果你能提供解释我会非常感激。

I thought I could use the jQuery .each() method...but I keep getting lost. If you can please provide an explanation I would really appreciate it.

谢谢！

推荐答案

你认为正确:)你可以使用jQuery .each（）方法..如下所示..

You thought correct :) You can use the jQuery .each() method.. as below..

<script type="text/javascript">
$(document).ready(function(){
  var imagesArray =new Array();
  $("ul li img").each(function(){
     imagesArray.push($(this).attr('src'));
  });
  console.log(imagesArray); // this returns ["1", "2", "3"]
});
</script>

这篇关于Javascript / jQuery动态数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！