jQueryで特定のリスト項目をターゲットにする方法は？

Question

私は、次のHTML &のjQueryあります

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

を私は、文書の準備ができたときに私の順序付けられたリストの4つの要素がフェードアウトしたかったが、それは動作しません。私は、class = 'number4'で4番目に順序付けられたリスト要素を特定し、その識別子をjQueryでターゲットにしてみましたが、機能していません。助言がありますか？ n番目の子セレクタ：

Answer 1

は、おそらくこれは、これはあなたが持つIDを設定する必要はありません、親子関係

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

をマッピングする必要が働く

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

Answer 2

に動作します。

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

Answer 3

これを試してみてください：

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