jquery, выполняющий одну и ту же функцию на нескольких элементах, относящихся к 'This'

Question

$(".column a").mouseenter(function() {
var color_column=$(this).closest('.column').children('.coloured-strip').css('color');

$(this).siblings('p').animate({color:color_column},2000);
$(this).animate({color:color_column},2000);
});

Есть ли способ, которым я могу сгруппировать две одушевленные функции в одну, так как они идентичны?

спасибо Luca

Answer 1

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

$(this).siblings('p').andSelf().animate({color:color_column},2000);

Answer 2

Конечно, просто используйте .add():

$(this).siblings('p').add(this).animate({color:color_column},2000);

Answer 3

Вместо:

$(this).siblings('p').animate({color:color_column},2000);
$(this).animate({color:color_column},2000);

Вы можете сделать:

$(this).siblings('p').add(this).animate({color:color_column},2000);

См. Документацию для .add().