访问“Object＃<htmldivelement>”</htmldivelement>的元素属性

Question

我无法解决这个问题 - 我正在尝试在RoyalSlider中检索我的活动幻灯片的属性。我设法在HTMLDivElement对象中获取活动幻灯片的HTML内容。在Chrome的控制台中，它显示了我想要的HTML元素及其子元素的树视图。我想访问元素的id或我自己的自定义属性，但我一直得到的错误是：

Uncaught TypeError: Object #<HTMLDivElement> has no method 'attr'

这是输出它的行：

console.log(jQuery('.royalSlider').data('royalSlider').currSlide.content.first()[0].attr("id"));

我知道我需要使用jQuery('.royalSlider').data('royalSlider').currSlide.content，但我不了解其余部分。如何访问自定义属性slideId？

Answer 1

在此声明中：

console.log(jQuery('.royalSlider').data('royalSlider').currSlide.content.first()[0].attr("id"));

[0]使您可以访问HTML DOM对象（使用jquery get()方法），而不是jquery版本。摆脱[0]，您应该可以致电attr。

所以以下内容应该有效：

console.log(jQuery('.royalSlider').data('royalSlider').currSlide.content.first().attr("id"));