多个元素事件的JQuery单击事件

Question

我的问题与这个问题有关: jQuery同一个点击事件的多个元素

但是,当我这样做时:

$('.class1, .class2').click(function() {
   some_function();
});

我总是对同一个对象使用相同的功能.如果我想巩固以下两个语句,例如:

$(".class1").click(function () {
  $(".classer1").slideToggle("slow");
});

$(".class2").click(function () {
  $(".classer2").slideToggle("slow");
});

他们为每个人引用了一个不同的对象 - 我甚至可以巩固它吗？

谢谢,奥利弗

Answer 1

你可以这样做:

$(".class1, .class2").click(function () {
  $(".classer"+$(this).attr('class').substr(-1)).slideToggle("slow");
});

只要你点击的元素只有一个类.这将从被单击的元素中拉出整数并将其追加.classer.所以点击.class2将触发切换.classer2.