幻燈片中動態創建的div具有相同的類名

Question

my html is as follows 
<div class="t"> 
    <div class="t_sliding"></div> 
    <div class="t_inner"></div> 
</div> 

<div class="t"> 
    <div class="t_sliding"></div> 
    <div class="t_inner"></div> 
</div> 

我的jQuery代碼如下所示

$(".t_inner").click(function(e) { 
     $(".t_sliding").slideToggle(1000); 
    }); 

現在觸發一個div，當我在「t_inner」點擊，只有第一個div的「 ？t_sliding」格被slidetoggled，我怎麼能解決這個問題``

Answer 1

試試這個：

$(".t_sliding").each(function(){ 
    $(this).slideToggle(1000); 
}); 

Answer 2

如果你處理的DYNA點擊mically創建的元素，你需要看事件委託：

$("body").on("click", ".t_inner", function(e) { 
    $(".t_sliding").slideToggle(1000); 
}); 

所以所有未來的元素添加將有相同的事件綁定到他們。