одно событие на несколько элементов

Question

У меня есть эта функция:

function Any(){ 
    this.b1 = $("#but1") 
    this.b2 = $('<div id="but2" />') 
    this.func = function(){ 
    alert('hello') 
    } 
    this.b1.on('click',function(){ 
    this.func() 
    }) 
    this.b2.on('click',function(){ 
    this.func() 
    }) 


} 

Я хочу сделать что-то вроде этого:

(this.b1, this.b2).on('click',this.close)

Answer 1

Вы можете использовать add()

this.b1.add(this.b2).on('click',this.close); 

FIDDLE

Answer 2

Я хотел бы сохранить массив селекторов:

//code 
    this.selectors = ["#but1", "#but2"]; 
    $(this.selectors.join(",")).on('click', this.close); 
//code 

Answer 3

$("#but1,#but2").on("click",function(){ 
this.func(); 
}); 

Answer 4

Используя расширенный синтаксис .on() вы можете прикрепить слушателя
определенный и стабильный объект/селектор (это), чтобы искать четный на
динамические субкомпоненты/селекторы (# but1, # but2)
ведьма может или не может существовать ... или появляться позже.

this.on('click','#but1,#but2',this.close); 

Или в более общем случае:

document.on('click','#but1,#but2', function(){ $('#my_dialog').close});