小编Fro*_*lan的帖子

Jquery - 选择立即li文本而不选择子项ul文本

我正在尝试将嵌套的html无序列表结构作为数据库,以便组织和分析一些需要的信息.我正在尝试使用jQuery过滤,计数和呈现信息.我正在努力使列表没有任何class或id属性,因此它们非常干净.只有root会有这样的类或id:

<ul id="root">
<li> First first-level element
  <ul>
    <li> First second-level element
      <ul>
        <li>First Third-level element</li>
        <li>Second Third-level element</li>
      </ul>
    </li>
    <li> Second second-level element
      <ul>
        <li>Third Third-level element</li>
        <li>Fourth Third-level element</li>
      </ul>
    </li>
  </ul>
</li>
<li> Second first-level element
  <ul>
    <li> Third second-level element
      <ul>
        <li>Fifth Third-level element</li>
      </ul>
    </li>
  </ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我的问题是:如何选择li的直接子文本节点而不选择该li的子孙和ul(即其子列表)中的文本?例如,根据上面的html列表,我希望能够提供第二级中所有文本节点的列表:

  • 第一个二级元素
  • 第二个二级元素
  • 第三个二级元素

或者来自第三级的所有文本......等等.这将允许我列出和计算给定级别的项目.我最接近的是:

// to select items in second but not third level
$('ul#root ul').not('ul#root ul ul').children('li')  
Run Code Online (Sandbox Code Playgroud)

但它不是一个灵活的解决方案.如果列表有多个级别,比如七个怎么办?要选择第六级,你必须做以下事情:

// to select items in second …
Run Code Online (Sandbox Code Playgroud)

html jquery nested-lists html-lists

8
推荐指数
1
解决办法
6961
查看次数

我可以在c9.io中使用自己的域名吗?

该服务(c9.io)很棒,但我一直在浏览网站,找不到拥有我自己的域而不是他们分配的自动子域的选项(我不一定意味着免费).

cloud9-ide

6
推荐指数
1
解决办法
4619
查看次数

标签 统计

cloud9-ide ×1

html ×1

html-lists ×1

jquery ×1

nested-lists ×1