所以我的列表看起来像这样:
<div="list">
<ul>
<li class="page item">Parent 1
<ul>
<li class="page item">Child of Parent 1 and Parent of Grandchild
<ul>
<li class="page item">Grandchild</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
这是通过 Wordpress 的 list_wp_pages 以及自定义 CSS 类似吸盘鱼的下拉 CSS 代码实现的。无序列表本身无法更改任何内容,因此我需要找到一种方法,仅将 CSS 样式添加到同时也是父级的子页面(父级 1 的子级...)。
我一直在尝试仅向具有自己的子页面的子页面添加箭头图标。我想我可以使用:
$("#target").addClass("newclass");
添加一个带有箭头图标作为背景图像的额外类。
Thanks!
$("#target li").each(function() {
if ( $("ul:eq(0)", this).length > 0 ) {
$(this).addClass("class_name");
}
});
检查 #target 下的每个列表项,看看它是否至少有一个子无序列表,如果有,则将一个类名添加到刚刚检查的列表项中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)