如何確定在第一次加載時是否在jQuery中單擊了某些內容？

Question

我想設置一個JavaScript變量，作爲幾個選項之一。

如果少數特定鏈接中的一個沒有被點擊（即第一頁加載），那麼應該將變量設置爲0或1（默認值）。

如果點擊了它，我希望它得到一個與該鏈接關聯的數字。

所以說HTML看起來像這樣：

<a href=""><img src="icon2.png" id="icon-2"></a> | 
<a href=""><img src="icon3.png" id="icon-3"></a> | 
<a href=""><img src="icon4.png" id="icon-4"></a> | 

jQuery的變量將是這樣的：

var icon_num = 2; // If 'icon-2' is clicked, etc. 

Answer 1

你可以做這樣的事情：

var icon_num = 0; 
$("#someContainer img").click(function() { 
    icon_num = parseInt(this.id.replace("icon-",""), 10); 
}); 

或者，給他們一個僅包含ID的數據屬性，如下所示：

<img src="icon2.png" data-id="2" /> 

這將簡化您的代碼位，下降到：

var icon_num = 0; 
$("#someContainer img").click(function() { 
    icon_num = parseInt($(this).attr("data-id"), 10); 
}); 

Answer 2

example

var icon_num = null; // empty select 

$('a').bind('click', function(ev) { 

    ev.stopPropagation(); 

    icon_num = $(this).find('>img').attr('id').split('-')[1]; 

    return false; 

});