javascript - 現在作業中の「this」内にある要素にアクセスするにはどうすればよいですか?

Question

現在作業中の「this」内にある要素にアクセスするにはどうすればよいですか?

以下は、私が現在取り組んでいる HTML コードです。

<div class="expander" id="edu">educational qualifications
             <ul class="list">
                 <li>bachelor's in cs</li>
                 <li><div  class="expander">master's in machine learning
                     <ul class="list" id="edu1">
                         <li>authored the famous paper on giving a shit</li>
                         <li>co-authored several other papers</li>
                     </ul></div>
                 </li>
                 <li><div class="expander">phd in visual intelligence
                     <ul class="list">
                         <li>watch and learn</li>
                         <li>haha.</li>
                     </ul></div>
                 </li>
                 <li>cleared jee mains</li>
                 <li>cleared cbse aissce</li>
             </ul></div>

私は Javascript について新たに発見した知識を試していたので、見出しの上にカーソルを置くまですべての箇条書きが非表示になるようにしたいと考えていました。そのために次のjavascriptコードを使用しようとしました:

$(document).ready(function() {
$('li ul').hide();
$('.expander').mouseenter(function(){
    $(this + 'ul').fadeIn('fast');
}); });

私はそれを機能させることができません。現在作業中の「this」内にある要素にアクセスするにはどうすればよいですか?

Answer 1

これを試して -

$('ul',this).fadeIn('fast');

編集-

$('.expander ul').hide();
$('.expander').mouseenter(function () {
    $('ul:first',this).fadeIn('fast');
});

デモ --> http://jsfiddle.net/mohammadAdil/jahR6/

Answer 2

バリアント #1:

$('ul', this).fadeIn('fast');

バリアント #2:

$(this).find('ul').fadeIn('fast');

それらは同等です。

Answer 3

試す

$(this).find('ul').fadeIn('fast');