Javascript 向上滑动多个<;ul>;使用jQuery的元素
我正在尝试构造一个jquery语句,它将滑动所有同级不包含一组特定类(.clicked、.selected)的元素 假设我有以下嵌套的Javascript 向上滑动多个<;ul>;使用jQuery的元素,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试构造一个jquery语句,它将滑动所有同级不包含一组特定类(.clicked、.selected)的元素 假设我有以下嵌套的结构: <ul class="mainmenu"> <li>Dogs</li> <ul> <li>Fido</li> <li class="chosen">Barney</li> <li>Tur
结构:
<ul class="mainmenu">
<li>Dogs</li>
<ul>
<li>Fido</li>
<li class="chosen">Barney</li>
<li>Turbo</li>
</ul>
<li>Cats</li>
<ul>
<li>Sylvester</li>
<li>Felix</li>
<li>Garfield</li>
</ul>
<li class="clicked">Hamsters</li>
<ul>
<li>Chubbs</li>
<li>Oreo</li>
<li>Ruby</li>
</ul>
</ul>
这一点,以及我尝试过的其他一切,都一无所获。建议?您的HTML看起来很有挑战性:)但不知怎的,我已经设法创建了一个查询来执行您正在寻找的内容 如果您想检查多个类中的特定元素,也可以使用
//检查li没有单击类,然后在li旁边筛选ul
$('.mainmenu>li')。不('.clicked')。下一步('ul')。过滤器(函数(){
//找到ul,如果李没有选择课程的话
if(!$(this).find('li').hasClass('selected'))
{
返回美元(此);
}
}).slideUp()代码>
您的HTML看起来很有挑战性:)但不知怎的,我已经设法创建了一个查询来执行您正在寻找的内容
如果您想检查多个类中的特定元素,也可以使用
//检查li没有单击类,然后在li旁边筛选ul
$('.mainmenu>li')。不('.clicked')。下一步('ul')。过滤器(函数(){
//找到ul,如果李没有选择课程的话
if(!$(this).find('li').hasClass('selected'))
{
返回美元(此);
}
}).slideUp()代码>
请注意,这也会影响JavaScript中的选择器:嵌套ul
s的方式无效。嵌套的ul
应该是li
的孩子,而不是它的兄弟姐妹。@mrtedweb检查我的答案以获得相同的结果。注意,这也会影响JavaScript中的选择器:嵌套ul
s的方式无效。嵌套的ul
应该是li
的孩子,而不是它的兄弟姐妹。@mrtedweb检查我的答案以获得相同的结果。我猜引用是错的。它必须是$('.mainmenu').find('li:eq(1)').slideUp()代码>:-)我猜这句话放错地方了。它必须是$('.mainmenu').find('li:eq(1)').slideUp()代码>:-)
$('.mainmenu').first().siblings().not('.clicked, .chosen').slideUp();