我有这样一个嵌套列表:
<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之前添加一个列表项。
我是这样写的:
$('.list:first').find('li.list_item_type_2:first').before('<li class="list_item_type_1">Nested list (...)</li>');这将无法正常工作,因为脚本在第二 .list中找到第一个,并将新代码追加到那里。
如何将搜索保留在第一个ul中,并防止它输入基础ul元素?
干杯!
发布于 2009-09-04 11:03:27
首先,我建议以这种方式构造HTML。使用jQuery来组装HTML。它负责逃逸和所有其他有用的事情:
$("<li></li>").addClass("list_item_type_1")
.text("Nested list (...)")
.prependTo("ul.list:first > li.list_item_type:first");此外,在可能的情况下,总是在裸类选择器(".list")上使用标记选择器(“.list”)。在大多数浏览器上,它的比快得多。
https://stackoverflow.com/questions/1378541
复制相似问题