jQuery的階級和這個選擇

Question

我試圖找到正確的jQuery的方式只選擇當前活動專區內某一類：

$('.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

你的意思是這樣的：

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

Answer 3

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

通常你用filter來做一些稍微複雜的事情。例如，如果您更改了「this」父級內所有div的背景，然後您想在「this」內的descBox類的所有div內僅將邊框添加到「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> 

Answer 4

如果你想顯示與.descBox屬於this元素中的div （永遠是這樣）然後使用

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