gpt4 book ai didi

jquery - 循环遍历列表元素,如果列表元素包含另一个列表,则添加类

转载 作者:行者123 更新时间:2023-12-01 03:21:35 24 4
gpt4 key购买 nike

这里的问题很简单,但它一直困扰着我。

我已经设置了一个 Accordion 菜单,如下所示:

<ul id="menu" class="navigation">
<li><a href="#"><span>Dashboard</span></a>
<ul>
<li><a href="#">Dashboard</a></li>
<li><a href="#">Articles &amp; Posts</a></li>
<li><a href="#">Pages</a></li>
</ul>
</li>
<li><a href="#"><span class="icon_articles">Articles &amp; Posts</span></a>
<ul>
<li><a href="#">Dashboard</a></li>
<li><a href="#">Articles &amp; Posts</a></li>
<li><a href="#">Pages</a></li>
</ul>
</li>
<li><a href="#"><span class="icon_pages">Pages</span></a></li>
<li><a href="#"><span class="icon_media">Media Gallery</span></a>
<ul>
<li><a href="#">Dashboard</a></li>
<li><a href="#">Articles &amp; Posts</a></li>
<li><a href="#">Pages</a></li>
</ul>
</li>
<li><a href="#"><span class="icon_calendar">Calendar</span></a></li>
<li><a href="#"><span class="icon_demos">Features &amp; Demos</span></a>
<ul>
<li><a href="#">Dashboard</a></li>
<li><a href="#">Articles &amp; Posts</a></li>
<li><a href="#">Pages</a></li>
</ul>
</li>
<li><a href="#"><span class="icon_settings">Settings</span></a></li>
<li><a href="#"><span class="icon_logout">Logout</span></a></li>
</ul>

我有一个运行 Accordion 的 jQuery 脚本:

function accordionMenu() {
$('ul.navigation ul').hide();
$('ul.navigation li a').click(
function() {
var parentElement = this.parentNode.parentNode.id;
var elementTest = $(this).next();

if((elementTest.is('ul')) && (elementTest.is(':visible'))) {
$('#' + parentElement + ' ul:visible').slideUp('fast');
$(this).removeClass('active');
return false;
}
if((elementTest.is('ul')) && (!elementTest.is(':visible'))) {
$('#' + parentElement + ' ul:visible').slideUp('fast');
elementTest.slideDown('fast');
$('ul.navigation a').removeClass('active');
$(this).addClass('active');
return false;
}
}
);
}

$(document).ready(function() {accordionMenu();});

现在我需要弄清楚如何循环遍历列表项,并找到后面有列表的项(即,单击时下拉以显示隐藏列表的项)。然后我需要在每个末尾添加一个跨度(在 和

    之间)。确实如此。这让我很困惑 - 我该怎么做?

    谢谢

    亚历克斯

最佳答案

$('ul.navigation').children().has("ul").each(function(){
$(this).children("a").append("<span>test</span>");
});

这应该有效:)祝你的项目好运。

关于jquery - 循环遍历列表元素,如果列表元素包含另一个列表,则添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9162987/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com