javascript - 为多个 HTML 元素应用 .click() 函数并更改上下文

Question

我想知道是否有一种方法可以代替列出单击每个单独元素时发生的情况，例如:

$('#object1').click(function(){ stuff += object1amount };
$('#object2').click(function(){ stuff += object2amount };
$('#object3').click(function(){ stuff += object3amount };
$('#object4').click(function(){ stuff += object4amount };
$('#object5').click(function(){ stuff += object5amount };

我可以:

$('LIST OF HTML ELEMENTS').click(function(){ stuff += this.amount };

其中“this”是单击的任何 HTML 元素的上下文。

Answer 1

这种选择器叫做Multiple selector.。另外你要求用不同的数据维护每个 html 元素，所以在那种情况下你可以使用 .data()用每个 html 元素存储内存泄漏较少的数据。

尝试。

$('#object1,#object2,#object3,#object4,#object5').click(function(){
     stuff += $(this).data('amount');
};

存储数据:

$('#sample').data( 'amount', 100 );