Question

我正在尝试找到正确的jquery方法，只选择当前活动div中的某个类：

$('.imageScroll').mouseover(function() {
    $('.descBox').filter(this).show(500);
});

标记：

<li>
<div class="descBox"></div>
</li>
<li>
<div class="descBox"></div>
</li>

Answer 1

据我了解，您应该尝试$('.descBox', this)。

Answer 2

如果您尝试显示.descBox元素内的this元素（那就是），请使用

$('.descBox', this).show(500);

Answer 3

你的意思是：

alert($('.descBox').attr('class'));

Answer 4

$(this).filter(".descBox").show(500);

通常你使用filter做一些稍微复杂的事情。例如，如果您更改了“this”父级中所有div的背景，然后您想要在所有div中的“descBox”类中添加一个边框，并在“this”中使用descBox类。

像这样的东西（基本上从手册中取消）：

 $("div", this).css("background", "#c8ebcc")
               .filter(".descBox")
               .css("border-color", "red");

也许在这种背景下：

<div>
    <div></div>
    <div class="descBox"></div>
    <div class="descBox"></div>
    <div class="descBox"></div>
    <div class="descBox"></div>
    <div></div>
</div>
<script>
$("div").click(function() 
{    
    $("div", this).css("background", "#c8ebcc")
                  .filter(".middle")
                  .css("border-color", "red");
});
</script>

jquery类和这个选择器

4 个答案: