javascript - 获取随机jQuery对象的属性

Question

我正在尝试使用以下代码在我的页面上获取图像的数据属性，但它不起作用

var rand_el = $('img').get(Math.floor(Math.random() * $('img').length)).attr('data-id');

但我只得到以下控制台日志：

未捕获的类型错误：对象#<HTMLImageElement>没有方法“attr”

有任何想法吗？

Answer 1

get返回一个 DOM 元素引用。用于eq将匹配元素集减少到指定索引处的元素，同时仍返回 jQuery 对象。

var rand_el = $('img').eq(Math.floor(Math.random() * $('img').length)).attr('data-id');

Answer 2

该get方法返回包装的 DOM 元素，而不是 jQuery 对象。然而eq 方法返回一个 jQuery 对象。

Answer 3

发生这种情况是因为您有一个 javascript 对象而不是 jQ 对象。这应该适合你。

$($('img').get(Math.floor(Math.random() * $('img').length))).attr('data-id');