Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向上滑动多个<;ul>;使用jQuery的元素_Javascript_Jquery_Html - Fatal编程技术网

Javascript 向上滑动多个<;ul>;使用jQuery的元素

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

我正在尝试构造一个jquery语句,它将滑动所有同级不包含一组特定类(.clicked、.selected)的元素

假设我有以下嵌套的
结构:

<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();