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

Question

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

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

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

然后我还可以访问保存幻灯片列表的变量作为 jQuery select 或对象....

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

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

所以我的目标是获取变量 $slides 并从带有数组键 1 的项目中取出图像，例如....

那么我怎样才能获得带有键 1 的第二个数组项，然后 select 该项 <li> 元素中的图像？

Answer 1

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

get(index) returns 具有给定索引

的选择中的DOM元素

eq(index) return 将 DOM 元素包装为 jquery 元素

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