如何選擇在$類（本）

Question

這裏是我的html代碼：

<div class="main_box_background"> 
    <div class="main_box_bg_left"> 
    </div> 
</div> 

<div class="main_box_background"> 
    <div class="main_box_bg_left"> 
    </div> 
</div> 

<div class="main_box_background"> 
    <div class="main_box_bg_left"> 
    </div> 
</div> 

這裏是我的jQuery代碼：

$('.main_box_background').each(function(){ 
    var foo = $(this); 
    $(this).$(".main_box_bg_left").animate({marginLeft: "-121px"}, 500); 
}); 

我只是想選擇this指標main_box_bg_left。 我該怎麼做？

Answer 1

你需要使用的功能是.find()

$(this).find(".main_box_bg_left").animate({marginLeft: "-121px"}, 500); 
//foo.find(".main_box_bg_left").animate({marginLeft: "-121px"}, 500); 

或者在自main_box_bg_left子main_box_background元素的這種情況下，你也可以使用.children()

$(this).children(".main_box_bg_left").animate({marginLeft: "-121px"}, 500); 

Answer 2

使用.find()，而且也沒有必要在此特定情況下使用.each()。

$('.main_box_background') 
    .find(".main_box_bg_left").animate({marginLeft: "-121px"}, 500); 

一個簡單的選擇是選擇擺在首位所需的元素：

$('.main_box_background .main_box_bg_left') 
    .animate({marginLeft: "-121px"}, 500);