Объединить две функции, которые имеют одинаковое свойство

Question

У меня есть две функции, которые имеют одинаковое свойство. Но я не знаю, как объединить в одну функцию консолидации, и я устал, чтобы Google это, но не знаю, что именно это ключевое слово

$test = $('.slider .pager li.slide1 a'), 
$test1 = $('.slider .pagination li a') 

$test.bind('click', function(e) { 
    e.preventDefault(); 
    sliderHandler.slideFirst(); 
    alert("1"); 
}); 

$test1.bind('click', function(e) { 
    e.preventDefault(); 
    sliderHandler.slideFirst(); 
}); 

Сво работает нормально для меня. Но я просто хочу сделать его более маленьким и приятным.

Answer 1

Почему бы не попробовать?

$test = $('.slider .pager li.slide1 a,.slider .pagination li a'), 

$test.bind('click', function(e) { 
    e.preventDefault(); 
    sliderHandler.slideFirst(); 
    alert("1"); 
}); 

В вашем случае, просто обновить селектор, чтобы выбрать всех элементов, что вам нужно применить ту же логику.

Update: Если глобальные переменные уже, мы можем попытаться их слияния:

$.merge($.merge([], $test), $test1).bind('click', function(e) { 
    e.preventDefault(); 
    sliderHandler.slideFirst(); 
}); 

Как отметил @doubleswirve в ответ ниже, мы могли бы также использовать add вместо merge: $test.add($test1).bind('click'

Answer 2

$test  = $('.slider li a'); 

$test.click(function(e) { 
    e.preventDefault(); 
    sliderHandler.slideFirst(); 
    if ($(this).parent().hasClass('slide1')) 
     alert("1"); 
}); 

Answer 3

Что об использовании .add метод JQuery (подобный ответ @Khanh то'с):

// Assuming these have already been declared 
$test = $('.slider .pager li.slide1 a'); 
$test1 = $('.slider .pagination li a'); 

$test.add($test1).bind('click', function(e) { 
    e.preventDefault(); 
    sliderHandler.slideFirst(); 
    alert("1"); 
}); 

Вот CodePen, демонстрирующий аналогичный пример.