jQuery選擇：我點擊其中的內部參考類：

Question

我有這個網站：

<div class="title"><img class="arrow" src="rightarrow.gif" />Title</div> 

我有這樣的單擊事件：

$(document).ready(function() { 
     $('.title').live('click', function() { 

      //NEED SOMETHING HERE TO CHANGE SOURCE     
      $(".arrow").attr("src", "downarrow.gif"); 
     }); 
    }); 

，你可以看到我想改變src屬性的形象。我的選擇器上面的作品，但也有類=「箭頭」頁面上的其他項目，所以我需要一種方法來選擇這一個實例。

Answer 1

使用.find()約束選擇只發現含有被點擊的元素中的元素（由$(this)代表）：

$(document).ready(function() { 
    $('.title').live('click', function() { 
     $(this).find('.arrow').attr('src', 'downarrow.gif'); 
    }); 
}); 

Answer 2

這種替換：

$(".arrow").attr({"src": "downarrow.gif"});