ein Ereignis mehrere Elemente an einem Anbringen gehen

Question

Sagen wir, ich habe folgendes:

var a = $("#a"); 
var b = $("#b"); 

//I want to do something as such as the following : 

$(a,b).click(function() {/* */}); // <= does not work 

//instead of attaching the handler to each one separately 

Offensichtlich ist die oben nicht, weil in der $ Funktion nicht funktioniert, ist das zweite Argument der context, nicht ein weiteres Element.

Wie kann ich das Ereignis auf einmal an beide Elemente anhängen?

---

[Update]

peirix veröffentlichte einen interessanten Schnipsel, in dem er Element mit dem & Zeichen kombiniert; Aber etwas bemerkte ich diese:

$(a & b).click(function() { /* */ }); // <= works (event is attached to both) 

$(a & b).attr("disabled", true); // <= doesn't work (nothing happens) 

Von dem, was Sie oben sehen können, offenbar, die Kombination mit dem & Zeichen funktioniert nur, wenn Ereignisse Anbringen ...?

Answer 1

Die jQuery add method ist, was Sie wollen:

mehr Elemente fügt, um den gegebenen Ausdruck abgestimmt, auf den Satz von abgestimmten Elementen

var a = $("#a"); 
var b = $("#b"); 
var combined = a.add(b) 

Answer 2

Sie könnten nur sie in einem Array setzen:

$.each([a, b], function() 
{ 
    this.click(function() { }); 
}); 

Answer 3

versuchen Sie das: süß und einfach.

var handler = function() { 
    alert('hi!'); 
} 
$.each([a,b], function() { 
    this.click(handler); 
} 

Übrigens ist diese Methode das Problem nicht wert.

Wenn Sie bereits wissen, dass es nur zwei dieser Methoden sind, dann denke ich, die beste Wette

a.click(handler); 
b.click(handler); 

Prost sein würde!

Answer 4

Ich habe gerade versucht, mit diesem Herumspielen und fand etwas sehr cool:

$(a & b).click(function() { /* WORKS! */ }); 

supersweet!

Edit: Jetzt fühle ich mich wirklich peinlich dafür, dies nicht richtig zu testen. Was das tat, war eigentlich, das Click-Ereignis auf alles alles zu setzen ... Nicht sicher, warum es das tut, obwohl ...

Answer 5

Vergessen Sie nicht, dass entweder jQuery Selektoren die CSS-Kommasyntax unterstützen. Wenn Sie zwei beliebige Sammlungen kombinieren müssen, sind alle anderen Vorschläge auf der Marke, aber wenn es so einfach ist, etwas mit Elementen mit den IDs a und b zu tun, verwenden Sie $('#a,#b').

Answer 6

hat diese Frage bereits beantwortet, aber ich denke, eine einfachere schlankere Weise das gleiche Ziel zu erreichen, auf die Ähnlichkeiten zwischen jQuery und Wähler Modell CSS und nur das tun, wäre zu verlassen:

$("#a, #b").click(function() {/* */}); 

Ich benutze dies häufig, und habe es noch nie funktioniert (ich kann nicht für jQuery-Versionen vor 1.3.2 sprechen, obwohl ich das dort nicht getestet habe). Hoffentlich hilft das jemandem irgendwann.

---

UPDATE: Ich las gerade den Faden, und verpasste den Kommentar Sie gemacht, um die Knoten in Frage, die bereits auf Variablen gespeichert ab, aber dieser Ansatz wird immer noch funktionieren, mit einem kleineren tweek. Sie tun möchten:

var a = $("#a"); 
var b = $("#b"); 
$(a.selector+", "+b.selector).click(function() {/* */}); 

Einer der coolen Dinge, dass Jquery tut, ist, dass es ein paar jquery spezifischen Eigenschaften an den Knoten hinzufügt, die es (Selektor zurückgibt, die die ursprüngliche Selektor ist, dass der Knoten zu greifen verwendet ist einer von ihnen). Möglicherweise treten dabei Probleme auf, wenn der von Ihnen verwendete Selektor bereits Kommas enthält. Es ist wahrscheinlich auch fraglich, ob dies einfacher ist, als nur add, aber es ist ein lustiges Beispiel dafür, wie cool jquery sein kann :).

Answer 7

Warum verwenden Sie kein Array? Dies funktioniert auf meiner Seite:

$([item1, item2]).on('click', function() { 
     // your logic 
}); 

Answer 8

Sie können auch einen Klassennamen bilden und jedes Element geben, das Sie mit dieser Klasse arbeiten wollen. Dann können Sie das Ereignis an alle Elemente binden, die diese Klasse teilen.

<p><a class="fakeClass" href="#">Click Me!</a></p> 

<p><a class="fakeClass" href="#">No, Click Me!</a></p> 

<div class="fakeClass">Please, Click Me!</div> 

<script type="text/javascript"> 
    $(function() { 
     $(".fakeClass").on("click", function() { 
      alert("Clicked!"); 
     }); 
    }) 
</script> 

Answer 9

Beispiel:

$("[name=ONE_FIELD_NAME], [name=ANOTHER_FIELD_NAME]").keypress(function(e){alert(e.which);});