Question

我有这个代码，我重复了三个不同的元素：

$container.on('click', '.item-content', function (event) {
  //some code

});

$container.on('click', '.item-content2', function (event) {
  //some code

});

但功能本身的功能相同。有没有办法可以将这些连接成一个语句？像：

$container.on('click', ['.item-content','.item-content2'], function (event) {
  //some code

});

Answer 1

您可以添加多个这样的元素 HTML

<button class="item-content">Button 1 </button>
<button class="item-content1">Button 2 </button>
<button id="item-content2">Button 3 </button>
<button class="item-content3">Button 4 </button>

JS

$('body').on('click','.item-content,.item-content1,
              #item-content2,.item-content3',function(event){
              alert(event.target.innerHTML)
})

WORKING MODEL

注意：由于我不确定$container我使用body来删除事件。您可以根据需要进行更改。

希望这会有用

Answer 2

您可以使用逗号分隔选择器，例如＆＃34; .class1，.class2＆＃34;

$(function(){  
      $(document).on("click",".item-content,.item-content2",function(e) {
              alert('clicked');
      });  
});

将click / on悬停函数应用于JS中的多个元素类

2 个答案: