如何使用next()在jquery中找到最接近的ul?

前端之家收集整理的这篇文章主要介绍了如何使用next()在jquery中找到最接近的ul?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的菜单,如下所示:
<ul id="navigation">
    <li id="m_li">
         <div><span>+</span><a href="#" >myself</a></div>
        <ul class="test" id="x_ul">
            <li id="li">
                <a href="#" >Pictures</a>
            </li>
            <li id="li">
                <a href="#" >Audio</a>
            </li>
        </ul>
    </li>
    <li id="profile_modeling_li">
        <div><span>+</span><a href="#" >friend</a></div>
        <ul class="test" id="y_ul">
            <li id="li">
                <a href="#" >Pictures</a>
            </li>
            <li id="li">
                <a href="#" >Video</a>
            </li>
        </ul>
    </li>
</ul>@H_403_3@ 
 

然后我使用jquery所以当我点击标志时,ul滑下来:

$("#navigation > li > div > span").click(function(){

    if(false == $(this).next('ul').is(':visible')) {
        $('#accordion ul').slideUp(300);
    }
    $(this).next('ul').slideToggle(300);
});@H_403_3@ 
 

问题是$(this).next(‘ul’)似乎不喜欢下一个ul

我有什么想法吗?

解决方法

使用
$(this).parent().next()@H_403_3@ 
 

代替

$(this).next();@H_403_3@ 
 

当然,您可以传递一个选择器(更简单或更复杂),将选定的元素标识为参数:

$(this).parent().next('ul.test[id$="_ul]"');@H_403_3@

猜你在找的jQuery相关文章