Javascript 将点击/悬停函数应用于JS中的多个元素类

我有三个不同元素的代码：

$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

});

---

可以像这样添加多个元素 HTML

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

---

希望这将是有用的

您可以使用逗号分隔的选择器，如.class1、.class2

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

---

你不需要括号。使用$container.on'click'，'.item-content，.item-content2'，function event{。中显示的括号表示这些是可选的。但它只是逗号分隔的？@Pipeline是的，在选择器字符串中它是逗号分隔的。规则与CSS相同，因此您可以执行'id、.classes、id2.classes-in-id2、div、[type=text]，.classes>p'-范围广泛的选项，所有选项都用逗号分隔。与您在jQuery元素选择器中所做的操作相同，例如，$'someselector，.someclasses'@管道我已标记了您选择的答案。这是不正确的，会误导任何偶然发现此页面的人。此外，我对您的问题投了反对票你选择的答案是错误的，或者你没有写正确的问题。直到正确的答案被选择，我认为你的问题是无效的，因此值得否定的观点。

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

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