javascript - 如何从 jquery 的 hover 函数中获取 <li> 的值？

Question

我的html内容如下，

<ul>
    <li class=folder>Main
      <ul>
         <li class=folder>1st fldr
            <ul>
                   <li> child1
                   <li> child2
            </ul
      </ul>

</ul>

现在我想获取 folders(main , 1st fldr) 的值，因为我的 jquery hover 方法如下，

$('ul li.folder').hover(function () {
       alert($(this).text());
});

但我没有得到任何人可以帮助我的值(value)。

Answer 1

您需要从悬停元素中选择文本节点:

$('ul li.folder').hover(function () {
 alert($(this).contents().filter(function() {
   return this.nodeType === 3; //get text nodes
  }).text());
});

Working Demo