Question

I’m trying to get a data-attribute of an image on my page using the following code, but it doesn’t work

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

But I just get the following console log:

Uncaught TypeError: Object #<HTMLImageElement> has no method ‘attr’

Any ideas?

Answer 1

get returns a DOM element reference. Use eq to reduce the set of matched elements to the one at the specified index while still returning a jQuery object.

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