我正在尝试将嵌套的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) 该服务(c9.io)很棒,但我一直在浏览网站,找不到拥有我自己的域而不是他们分配的自动子域的选项(我不一定意味着免费).