javascript - 在 mouseenter 上的 jQuery 插件中访问 DOM 元素

Question

我正在编写一个个人插件，当它悬停在特定元素上时，它需要执行一个操作。我正在运行console.log($(this));和console.log($this); (在声明我的默认选项之前，我有 var $this = $(this)。

无论如何，当将这些内容记录到控制台时，我只是得到一个包含节点信息的对象，即 <li id="some_id_here"></li> ，但 <li> 中没有任何文本(里面有文字，以及 <span>...</span> 。

有人可以帮我吗？不确定我需要做什么才能获取 <li> 的实际文本...

谢谢!

注意:这确实是我分配 $this = $(this) 的情况。 。一旦我调整了命名法，一切就都到位了。感谢您的帮助!

Answer 1

如果你有$this = $(this);那么你可以简单地这样做:

$this.html(); // Retrieve HTML inside "<li>" referenced by $this
$this.text(); // Retrieve plain text inside "<li>" referenced by $this

所以你可以尝试:

console.log( $this.html() );

如需进一步阅读，请查看 jQuery .html() 和 .text() 方法文档 here .

干杯!