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

Question

我正在使用 jQuery 图像 slider 插件，其中我试图在单击按钮时获取当前图像的图像 URL。

slider 的工作方式是，它显示所有图像幻灯片，这些图像幻灯片是 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');