How to set css to more selectors when one of it is $(this)?

Question

I want to set background color using jquery for 2 selectors:

$('#selector1, #selector2').css('background-color', '#dcf0ff');

This is working, but how to do it, when one of selector is $(this) ?

function() {
   $(this, '#element2').css('background-color', '#dcf0ff');
}

This is not working for none of selectors, and no errors are shown in the console.

Answer 1

You can simply use two statements:

$('#element2').css('background-color', '#dcf0ff');
$(this).css('background-color', '#dcf0ff');

Or, if the CSS is long and you don't want two, repetitive statements, add its id (supposing it has one).

$("#element2, #" + this.attr("id")).css('background-color', '#dcf0ff');

Answer 2

您可以通过jQuery的.add（）方法将元素添加到选择器：

$(this).add('#element2').css('background-color', '#dcf0ff')