Question

我有以下HTML＆amp; JQUERY：

＆＃13;

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

＆＃13;

<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>

＆＃13;

当文档准备就绪时，我希望我的有序列表中的四个元素淡出，但它不起作用。我尝试使用class =＆＃39; number4＆＃39;来识别第四个有序列表元素。然后在jQuery中定位该标识符，但它无法正常工作。有什么建议吗？

Answer 1

这样你必须映射父子关系

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

您无需使用：nth-child选择器设置ID。

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

Answer 2

试试这个：

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

注意：您在选择器$（'。number4'）;

上进行了语法错误

对于选择最后一个列表，您可以尝试：

$(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

Answer 3

可能这有效

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

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

3 个答案: