javascript - 访问 "Object #"的元素属性

Question

我想不通 - 我正在尝试在 RoyalSlider 中检索事件幻灯片的属性。我设法在 HTMLDivElement 对象中获取事件幻灯片的 HTML 内容。在 Chrome 的控制台中，它显示为我想要的 HTML 元素及其子元素的 TreeView 。我想访问元素的 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"));