如何在jQuery中定位特定列表项？

-3

$(document).ready(function() { 
 
    $target = $('number4'); 
 
    $target.fadeOut('fast'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>Remember! 
 
    <ul> 
 
    <li> 
 
     <ol> 
 
     <li class='hi'>Start with the function keyword</li> 
 
     <li>Inputs go between()</li> 
 
     <li>Actions go between {}</li> 
 
     <li class='number4'>jQuery is for chumps!</li> 
 
     </ol> 
 
    </li> 
 
    <li>Inputs are separated by commas.</li> 
 
    <li>Inputs can include other functions!</li> 
 
    </ul> 
 
</div>

我想这四个元素在我的排序列表淡出当文件已准备就绪，但它不工作。我尝试识别class ='number4'的第四个有序列表元素，然后在jQuery中定位该标识符，但它不起作用。有什么建议么？

来源

2016-05-31 Willy

有很多方法可以针对项目......但你的代码必须工作失误' $（'number4'）'必须是'$（'。number4'）' – DaniP

您是否在控制台中看到任何错误？ “不工作”可能意味着“抛出异常”或“无所作为”。 – Puppetmupp

-1

也许这个作品

$(document).ready(function() { 
    $('.number4').fadeOut('fast'); 
});

来源

2016-05-31 21:39:05 Medda86

这不起作用。 – gwar9

什么是错误？也许你需要将'$ target'声明为'var $ target'？ – Puppetmupp

谢谢！这实际上解决了我的错误。我想出了在jQuery中针对特定类的时候，你已经在类的名字前加了句点（'。'）。 – Willy

这工作，你必须映射父子关系

$(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'); 
});

你并不需要设置与一个id：第n个孩子选择。

https://jsfiddle.net/o7sxoton/2/

来源

2016-05-31 21:58:51 gwar9

试试这个：

$(document).ready(function() { 
    $target = $('.number4'); 
    $target.fadeOut('fast'); 
});

注意：您在选择$做出的语法错误;（”号码4' 。）

对于选择最后一个列表，你可以试试这个：

$(document).ready(function() { 
    $target = $('.numbered-list li:last'); // For avoid direct tag selector, use class or id 
    $target.fadeOut('fast'); 
});

编号：http://jsbin.com/nohena/edit?html,js,console,output

来源

2016-06-01 05:26:26

如何在jQuery中定位特定列表项？

回答

相关问题