javascript - 获取上层li文本

Question

所以我的页面上目前有一个这样的列表

<li class="head">
    <b>Introduction</b>
    <ul>
        <li class="sub">somethingsomething</li>
    </ul>
</li>

此列表与可排序一起使用，因此用户可以决定顺序，并且我将此信息传递给 grails Controller 以在应用程序逻辑中使用。因此，我试图读入它，并将“head”和“sub”类中包含的文本放入两个不同的数组中。但是，当我使用 jquery 选择器获取 head 元素并获取该元素的 text 属性时，它也包含内部列表。

 $('#divname').find("ul > li.head").each(function()                              
      {                                                             
          var current = $(this);
          console.log(current.text());
      });

结果为Introductionsomethingsomething

有没有办法只从列表中获取“简介”文本，而忽略嵌套 <ul> 中的文本和<li.sub> ？由于它是嵌套的，我无法弄清楚如何使用 jQuery 的 :not() 选择器

Answer 1

您可以使用 jquery 标记名选择器找到 b 标记。如下所示:

 var current = $(this).find('b');
 console.log(current.text());

<强> Working Demo