如何确定在第一次加载时是否在jQuery中单击了某些内容？

Question

我正在尝试将javascript变量设置为少数几个选项之一。

如果几个特定链接S中的一个没有被点击(即第一个页面加载)，则该变量应设置为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;

});