將圖像添加到特定的li

Question

我有一個包含圖像的li標籤的列表。當用戶點擊某個特定鏈接時，我想更改圖片。當用戶點擊新的li標籤時，最後的li標籤應該重置。除了爲特定的li標記設置新圖像外，我完成了所有操作。主要的問題是我沒有傳遞任何參數給函數。

$(document).ready(function(){ 
    $(".sized ul li a").click(function(){ 
    $('.sized ul li a img').each(function(){$(this).remove(); }); // Removing all images 
    $('.sized ul li a ').each(function(){$(this).append('<img src="1.png" />'); });// Reset the images 
}); 

Answer 1

我不明白爲什麼不通過任何參數是一個問題。

不要爲所有鏈接移除和添加新圖像，只需更改之前點擊過的圖像即可。您可以更改只是改變其src屬性與.attr()圖像：

$(function() { 
    var $prev; 
    $(".sized ul li a").click(function(){ 
     if($prev) { 
      $prev.find('img').attr('src', '1.png'); 
     } 
     $prev = $(this).find('img').attr('src', 'new-url-here').end(); 
    }); 
});