Применение по щелчку/на функциях при наведении на несколько классов элементов в JS

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 для удаления события. u может вносить изменения по мере необходимости.

Надеется, что это будет полезно

Answer 2

Вы можете использовать селектор на запятой, как».class1, .class2"

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