jquery nth-child 在包含子项的列表中选择

标签 jquery

我正在尝试使用 jquery 从嵌套列表中选择一个项目,但到目前为止我还无法做到

这是我迄今为止尝试过的

Jquery:

$(document).ready(function() {
    var $target= ("div>ul>li>ol>li:nth-child(4)");
    $target.fadeOut('fast');
});

这是我的 html 代码:

  <div>
        <ul>
            <li>
                <ol>
                    <li>something</li>
                    <li>something</li>
                    <li>something</li>
                    <li>something</li> <--- This is what I am trying to access
                </ol>
            </li>
            <li>something else</li>
            <li>something else</li>
        </ul>
    </div>   

最佳答案

试试这个

$(document).ready(function() {
    var $target= $("div>ul>li>ol>li:nth-child(4)");
    // or var $target= $("div>ul>li>ol>li:last-child");
    $target.fadeOut('fast');
});

你忘记了$

http://jsbin.com/asazey/1/edit

关于jquery nth-child 在包含子项的列表中选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14699324/

相关文章:

jquery - Angular 下拉菜单和选项卡的问题

jquery - ng-click 不适用于动态生成的 HTML

php - 完整的 AJAX 反馈

javascript - 为与 javascript 的链接做通用脚本

jquery - Kendo UI 工具提示显示,访问目标?

javascript - 动态下拉菜单 Ruby on Rails form_for

javascript - 为表单向导拖放显示 div

jquery - jQMobile defaultPageTransition 不起作用

javascript - AJAX返回的元素无法被点击

jquery - 即使使用最低配置,ColVis 也无法工作