首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery:在嵌套列表中的顶级UL中获取第一个类型元素

jQuery:在嵌套列表中的顶级UL中获取第一个类型元素
EN

Stack Overflow用户
提问于 2009-09-04 10:56:34
回答 3查看 5.8K关注 0票数 1

我有这样一个嵌套列表:

代码语言:javascript
复制
<ul class="list">

    <li class="list_item_type_1">
        <ul class="list">
            <li class="list_item_type_2">Unnested item</li>
        </ul>
    </li>

    <li class="list_item_type_2">Unnested item</li>

</ul>

使用jQuery,我想在第一个.list中的所有.list_item_type_2之前添加一个列表项。

我是这样写的:

代码语言:javascript
复制
$('.list:first').find('li.list_item_type_2:first').before('<li class="list_item_type_1">Nested list (...)</li>');

这将无法正常工作,因为脚本在第二 .list中找到第一个,并将新代码追加到那里。

如何将搜索保留在第一个ul中,并防止它输入基础ul元素?

干杯!

EN

Stack Overflow用户

发布于 2009-09-04 11:03:27

首先,我建议以这种方式构造HTML。使用jQuery来组装HTML。它负责逃逸和所有其他有用的事情:

代码语言:javascript
复制
$("<li></li>").addClass("list_item_type_1")
  .text("Nested list (...)")
  .prependTo("ul.list:first > li.list_item_type:first");

此外,在可能的情况下,总是在裸类选择器(".list")上使用标记选择器(“.list”)。在大多数浏览器上,它的快得多。

票数 2
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1378541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档