jQuery Div父母和孩子

Question

是的,让我说我有这些重复的div.

<div class="upcoming">
<div class="roll" style="display:none">Hidden</div>
</div>
<div class="upcoming">
<div class="roll" style="display:none">Hidden</div>
</div>
<div class="upcoming">
<div class="roll" style="display:none">Hidden</div>
</div>

这是不正确的,但是我如何使用jQuery来操作它来显示当悬停在其中一个div上时保持在里面的"roll"类.

<script type="text/javascript">
$(document).ready(function() {  
    $(".upcoming").hover(function() {
        $(this + ".roll").fadeIn("Fast");
    }, function() {
        $(this + ".roll).fadeOut("Fast");
    });
});
</script>

有任何想法吗？:)

Answer 1

使用jQuery(expression, context)表格:

$('.roll', this)