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);
});

我有什么方法可以将两个动画功能组合成一个，因为它们是相同的？

感谢 卢卡

Answer 1

当然，只需使用.add()：

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

Answer 2

您可以使用andSelf()方法：

$(this).siblings('p').andSelf().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);

See the documentation for .add()