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

There's any way I can group the two animate functions into one since they're identical?

thanks luca

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

Instead of:

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

You can do:

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

See the documentation for .add() .