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

Wenn Sie Ihre Elemente als Variablen (jQuery-Objekte) haben oder behalten wollen, können Sie auch eine Schleife über sie ziehen:

var $class1 = $('.class1');
var $class2 = $('.class2');

$([$class1,$class2]).each(function() {
    $(this).on('click', function(e) {
        some_function();
    });
});

Answer 2

Wir können auch wie folgt codieren, ich habe hier das Ereignis blur verwendet.

$("#proprice, #proqty").blur(function(){
      var price=$("#proprice").val();
      var qty=$("#proqty").val();
      if(price != '' || qty != '')
      {
          $("#totalprice").val(qty*price);
      }
  });

Answer 3

Fügen Sie eine durch Komma getrennte Liste von Klassen wie folgt hinzu:

jQuery(document).ready(function($) {

$('.class, .id').click(function() { 

//  Your code

    }

});

Answer 4

Ich habe einen Link zu einem Objekt, das viele Eingabefelder enthält, die von demselben Ereignis behandelt werden müssen. Ich verwende also einfach finden() um alle inneren Objekte zu erhalten, die das Ereignis haben müssen

var form = $('<form></form>');
// ... apending several input fields

form.find('input').on('change', onInputChange);

Falls Ihre Objekte eine Ebene tiefer liegen, ist die Verbindung Kinder() stattdessen finden() Methode verwendet werden kann.

Answer 5

Zusätzlich zu den ausgezeichneten Beispielen und Antworten oben können Sie auch eine Suche nach zwei verschiedenen Elementen anhand ihrer Klassen durchführen. Zum Beispiel:

<div class="parent">
<div class="child1">Hello</div>
<div class="child2">World</div>
</div>

<script>
var x = jQuery('.parent').find('.child1, .child2').text();
console.log(x);
</script>

Dies sollte "HelloWorld" ausgeben.