0

如何访问我当前正在使用的“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”中的元素？

4

3 回答 3

4

尝试这个 -

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

编辑-

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

演示 --> http://jsfiddle.net/mohammadAdil/jahR6/

于 2013-05-06T18:50:02.277 回答
1

变体 #1：

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

变体 #2：

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

它们是等价的。

于 2013-05-06T18:51:40.477 回答
1

尝试

$(this).find('ul').fadeIn('fast');
于 2013-05-06T18:51:43.980 回答