javascript - 访问“对象#”的元素属性"

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"));