jquery - 仅选择 LI 项的 UL 子项

标签 jquery html jquery-selectors

我想做一些类似于 TreeView 的事情(真的更简单)..

这是我的努力:(当我点击第一个“父项时,它正常显示他的”儿子,但是当我点击儿子时,它也是一个“父项”,它切换回来..

所以我想要类似 closest() 函数的东西,但它是针对 child 而不是 parent 的。

j查询:

$(document).ready(function () {
        $('#nav .parent-item').click(function () {
            $(this).children('ul').slideToggle();
        });
    });

html:

<ul id="nav">
<li>Atividade Recente</li>
<li class="parent-item">Projetos</a>
    <ul>
        <li class="parent-item"><a href="#">Renavam</a>
            <ul>
                <li>Atividade Recente</li>
                <li>Conversação</li>
                <li>Tarefas</li>
                <li>Pessoa & Permissões</li>
            </ul>
        </li>
    </ul>
</li>
<li><a href="#">Minhas atividades</a></li>

最佳答案

使用

$(this).find('ul').first();

它找到上下文下面的所有“ul”,并且 first() 方法将它限制为仅第一个

关于jquery - 仅选择 LI 项的 UL 子项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6240607/

相关文章:

javascript - 设置默认颜色而不弄乱页面

javascript - AJAX 未在 Laravel 中调用 Controller 方法

php - 在 FPDF PHP 中将 â 符号(保存在数据库中)更改为 €(欧元符号)

javascript - Jquery slider 在单击按钮时更新 slider 位置时停止滑动

javascript - 打开和关闭面板时,如何防止浏览器窗口跳回页面顶部?

jquery 幻灯片中的上一个和下一个按顺序重复

javascript - Jquery 悬浮卡

javascript - jQuery改变嵌套在div、段落标签和强标签中的文本

javascript - IE11未发起CORS请求

jquery-selectors - 使用 jQuery 选择数字