如何确定第一次加载时是否在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

例

var icon_num = null;  // empty select

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

   ev.stopPropagation();

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

   return false;

});