jquery - 悬停文本首先出现，如果我悬停在第二个 li 甚至

Question

如果我将鼠标悬停在第一个 li 上，它即将到来的 bt 如果我将鼠标悬停在第 2 个 li 上，它只会首先出现。这是html

<div class="airPortFiltr">
<div class="sameAirport">
<input type="checkbox" />
<label>Depart/Return, same airport</label>
</div>
<h4>Departing From</h4>
<div class="airportdetails">

<ul>
<li><input type="checkbox" /></li>
<li id="valuenw" style="width:132px">LGA - LaGuardia
<a href="#" style="display:none">only</a>
</li>
<li>$ 238</li>
</ul>


</div>
<div class="airportdetails">

<ul>
<li><input type="checkbox" /></li>
<li style="width:132px">LGA - LaGuardia</li>
<a href="#" style="display:none">only</a>
<li>$ 238</li>
</ul>


</div>


</div>

这是小提琴 http://jsfiddle.net/VRE9n/

这是js

$(document).ready(function () {
     $(".airportdetails").mouseover(function() {
$(".airportdetails li a").show();
}).mouseout(function(){
$(".airportdetails li a").hide();
});

    })

Answer 1

只需使用$("li a", this).show();而不是$(".airportdetails li a").show();.

this是div.airportdetails位于鼠标光标下方的元素。