Question

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

如果没有点击几个特定链接sha之一（即第一页加载），则该变量应设置为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;

});

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

2 个答案: