我正在使用以下代码构建一个带引导程序的简单手风琴类型菜单:
<ul class="level_one">
<li><a data-target=".level_2" data-toggle="collapse">Level One</a>
<ul class="level_2 collapse">
<li><a>Level 2</a></li>
<li><a>Level 2</a></li>
</ul>
</li>
</ul>
<ul class="level_one">
<li><a data-target=".level_2" data-toggle="collapse">Level One</a>
<ul class="level_2 collapse">
<li><a>Level 2</a></li>
<li><a>Level 2</a></li>
</ul>
</li>
</ul>
虽然这段代码运行良好,它会触发所有包含.level_2类的元素,并且我只想定位嵌套元素。 我在data-target属性中尝试了几个CSS选择器,但似乎没有一个只获得具有该特定类的下一个元素。
我已经看到很多使用ID来定位所需对象的示例,但我不能,因为这个菜单将以dinamically方式生成,为了简单起见,我不想创建随机id名称来制作它们一起工作既不使用额外的javascript,因为这个功能已经在bootstrap中运行良好。
额外信息:此菜单中会有很多嵌套,而不是仅限2级菜单。
是否有一个特定的CSS选择器可以定位我可以在数据目标属性中插入的直接符号?