jQuery gleiche Klick-Ereignis für mehrere Elemente

Question

Gibt es eine Möglichkeit, denselben Code für verschiedene Elemente auf der Seite auszuführen?

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

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

stattdessen etwas zu tun wie:

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

Danke

Answer 1

$('.class1, .class2').on('click', some_function);

Oder:

$('.class1').add('.class2').on('click', some_function);

Dies funktioniert auch mit bestehenden Objekten:

const $class1 = $('.class1');
const $class2 = $('.class2');
$class1.add($class2).on('click', some_function);

Answer 2

Ich verwende normalerweise on 代わりに click . Es erlaubt mir, mehr Ereignisse Listener zu einer bestimmten Funktion hinzuzufügen.

$(document).on("click touchend", ".class1, .class2, .class3", function () {
     //do stuff
});

Answer 3

$('.class1, .class2').click(some_function);

Stellen Sie sicher, dass Sie ein Leerzeichen wie $('.class1,space here.class2') einfügen, sonst wird es nicht funktionieren.

Answer 4

Verwenden Sie einfach $('.myclass1, .myclass2, .myclass3') für mehrere Selektoren. Außerdem benötigen Sie keine Lambda-Funktionen, um eine vorhandene Funktion an das Klick-Ereignis zu binden.

Answer 5

Eine weitere Alternative, vorausgesetzt, Ihre Elemente werden als Variablen gespeichert (was oft eine gute Idee ist, wenn Sie in einem Funktionskörper mehrfach auf sie zugreifen):

function disableMinHeight() {
    var $html = $("html");
    var $body = $("body");
    var $slideout = $("#slideout");

    $html.add($body).add($slideout).css("min-height", 0);
};

Nutzt die Vorteile der jQuery-Verkettung und ermöglicht die Verwendung von Referenzen.