获取位于jQuery选择器项数组中的<li>内的图像URL

Question

我正在使用jQuery图像滑块插件，当我点击按钮时，我试图获取当前图像的图像URL。

滑块的工作方式是它显示所有图像幻灯片，这些幻灯片是1个连续水平行中的列表项，它只是在更改时更新CSS位置以显示下一个或上一个幻灯片，因此没有添加任何类或任何内容到当前幻灯片以指示显示哪张幻灯片。

但我可以访问当前幻灯片的数组编号。

然后我还可以访问包含幻灯片列表的变量作为jQuery选择器对象....

var $slides = $slider.children('li');

上面的选择器变量包含li个列表项的数组集合，每个列表项都有一个图像。

所以我的目标是获取变量$slides并使用数组键1从项目中取出图像作为示例....

那么我如何用键1获取第二个数组项，然后在项<li>元素中选择图像？

Answer 1

jQuery有2个按索引返回元素的函数。

get(index)返回具有给定索引

的选择中的DOM元素

eq(index)返回包含为jquery元素

的DOM元素

var $slides = $slider.children('li');
var imgSrc = $slides.eq(index).find('img').attr('src');