在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.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。

乾杯！

Answer 2

如何

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

Answer 3

一個jQuery插件內的第一件事this是一個jQuery對象，沒有必要做$(this)，如果你希望你的元素的HTML看看signs of a poorly writter jQuery plugin

做this.html();

如果您想要的文字，做this.text();

如果你只是做console.log(this)，你通常會看到左邊的一個小箭頭，讓你展開元素。

Answer 4

console.log(this); 

如果你登錄純DOM元素（而不是jQuery的包裝對象），控制檯應該讓你檢查元素的兒童。