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

Posted 2023-05-09

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

【英文标题】：Get image URL that is inside a <li> that is inside an array of jQuery selector items

【发布时间】：2016-06-10 11:02:10

【问题描述】：

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

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

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

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

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

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

所以我的目标是取变量$slides 并从带有数组键1 的项目中提取图像作为示例......

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

【参考方案1】：

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

get(index) 从给定索引的选择中返回 DOM 元素

eq(index) 返回包装为 jquery 元素的 DOM 元素

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