如何访问我目前正在使用的“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');
});

演示 - ＆gt; 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');