如何選擇具有相同類名的每個div的單個類？

Question

當我點擊選擇（選擇是類名稱）。然後，它增加了所有具有類名稱（增量_div）的div的寬度。但是我希望當我點擊選擇類時，它只增加具有內部div類名稱（increase_div）的單個div。不要增加具有類名稱的其他div（increase_div）。 代碼如下。

<script type="text/javascript"> 
    $(function(){ 
     $(".select").click(function(){ 
      $(".select .increase_div").animate({width:"500px"},1000) 
     }) 
    }) 
</script> 

    <div class="select"> 

    <div class="increase_div" style="width:100px;height:100px;background:gray;"> 

    </div> 
</div> 
<hr> 
<div class="select"> 
    <div class="increase_div" style="width:100px;height:100px;background:gray;"> 

    </div> 
</div> 

Answer 1

使用this（它指的是在其上附加該事件的特定元素）的目標唯一的孩子只有

$(".select").click(function() { 
    $(this).find(".increase_div").animate({width:"500px"}, 1000); 
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
});