Использование нескольких селекторов с каждый из которых имеет различные события

Question

мне это нужно:

$("#household").children().change(function(){ 
    alert("changed"); 
}); 

$('.ui-icon.ui-icon-closethick.delete').click(function(){ 
    alert("changed"); 
}); 

превратился в нечто вроде этого:

$("#household").children().change || $('.ui-icon.ui-icon-closethick.delete').click(function(){ 
    alert("changed"); 
}); 

Я знаю, что нижний код не является правильным, но я надеюсь, это объясняет, что я имею в виду. Я хочу, чтобы alert был выполнен, если #household.children() изменен, и нажата кнопка .ui-icon.ui-icon-closethick.delete, но без записи кода дважды.

Answer 1

Вы можете добиться этого, поставив общую логику в своей собственной функции, которая тогда называлась обоими событиями:

function changed() { 
    console.log('changed') 
} 

$("#household").children().change(changed); 
$('.ui-icon.ui-icon-closethick.delete').click(changed); 

Answer 2

Объявить функцию в другом месте и передать ссылку на него в обоих обработчиков событий:

function somethingChanged() { 
    alert('changed'); 
} 

$(...).change(somethingChanged); 
$(...).click(somethingChanged); 

Answer 3

Я не думаю, что это возможно только с jquery. Вы могли бы начать так:

$("#household,.ui-icon.ui-icon-closethick.delete")... 

но потом все willbe похожи (например, оба будут иметь щелчок или OnChange)