Bind một chức năng trên nhiều yếu tố jQuery cùng một lúc

Question

Tôi có 3 đối tượng jquery:

var a = $('.el1'); 
var b = $('.el2'); 
var c = $('.el3'); 

Và tôi muốn để ràng buộc một "thay đổi" sự kiện để tất cả chúng cùng một lúc, nhưng tôi không thể :(

$(a, b, c).bind('paste input change', function(){ ... }); chỉ đơn giản không hoạt động ...

Nhưng nếu ràng buộc nó vào từng yếu tố riêng biệt hoạt động:

a.bind('...'); 
b.bind('...'); 
c.bind('...'); 

Có thể thực hiện điều này một cách ngắn hơn không?

(Và không chuyển các lớp làm bộ chọn)

Answer 1

Sử dụng .add()^[docs]:

a.add(b).add(c).bind(... 

Answer 2

Sử dụng $('.el1, .el2, .el3').bind(.....

Một giải pháp khác là kết hợp chúng sau:

var d = a; 
d.add(b); 
d.add(c); 

d.bind(.... 

Và nếu bạn không thích điều đó, hoặc, nếu bạn muốn gọi với phím tắt riêng biệt sau khi tất cả, bạn có thể chọn để khai báo một hàm có tên một lần, và đề cập đến điều đó, thay vì tuyên bố cùng một hàm nội tuyến ẩn danh ba lần.

Answer 3

Hãy thử điều này:

$('.el1, .el2, .el3').bind(....) 

Answer 4

$ ([a, b, c]) ràng buộc nên làm việc, như trong:.

var a = $('.el1'); 
var b = $('.el2'); 
var c = $('.el3'); 

$([a,b,c]).each(function(idx){ 
    $(this).bind('click', function(){ 
     alert($(this).text()); 
    }); 
});