爲Jquery中的類找到的所有圖像指定值

Question

因此，我必須拉出幻燈片中的所有圖像，並根據它們在幻燈片中顯示的編號打印出不同的消息。所以目前我有以下幾點：

$('.image-class img').click(function() { 
    console.log("hi"); 
}); 

讓我們假裝的HTML是一樣的東西tihs

<ul> 
<li class="image-class"><img src="image1.png" /></li> 
<li class="image-class"><img src="image2.png" /></li> 
<li class="image-class"><img src="image3.png" /></li> 
</ul> 

因此目前發現的所有圖像，然後當我點擊一個它打印「嗨」到控制檯。它完全按照我的意圖工作。我只是堅持如何打印例如當點擊圖像1時的「圖像1」和當點擊第二圖像時的「圖像2」。我需要這個功能來處理添加到幻燈片中的任何潛在數量的幻燈片。

任何幫助，將不勝感激。如果您需要更多信息，請告訴我！

Answer 1

您可以使用$(this)來訪問您點擊的圖像對象。

$('.image-class img').click(function() { 
    console.log($(this).attr('src')); 
}); 

Answer 2

您可以獲得當前選定的項目，像這樣的屬性：

$('.image-class img').click(function() { 
    var text = $(this).attr("src"); 
    console.log(text); 
});