将一个div的相同更改应用于另一个div

Question

以下代码对class1及其.main）内容中的class1进行了一些更改。

$('.main').on('click','.class1',function(){
   //some work with $(this)
});

此外，div.class2内部.main的结构与div.class1的结构相似。

问题是： 通过单击.class1到class2来应用上述代码发生在class1上的所有更改的最简单方法是什么？

将div.class1克隆到div.class2并非如此，因为内容略有不同。只有上面执行的代码才应用于class1和class2。

上面的代码包含.closest()这样的$(this).closest('.bar')方法，重要的是什么。

Answer 1

您可以使用逗号组合多个选择器：

$('.main').on('click','.class1, .class2',function(){
   //some work with $(this)
});

但我建议你为他们使用一个普通的课程。

$('.main').on('click','.common_class',function(){
   //some work with $(this)
});

您可以在html中使用多个类，在它们之间放置一个空格。

例如：

<div class="class1 common_class"></div>
<div class="class2 common_class"></div>