JQuery несколько селекторов, но кэшируются в переменной

Question

Я пытаюсь избежать следующего:

var dynS = $('#dyn-style'); 
var cssA = $('#css-active'); 

$('#selectors li').click(function(){ 
    switch($(this).attr('data-id')){ 
     case 'first-of-type': 
      dynS.empty().text('#target p:first-of-type {color: red;}'); 
      cssA.empty().text('#target p:first-of-type {color: red;}'); 

Есть ли способ, которым я мог бы использовать кэшированный переменный селектор и установить текст(), как же на оба, чтобы избежать этого дублирования?

Answer 1

Попробуйте использовать .add см ниже,

dynS.add(cssA).empty().text('#target p:first-of-type {color: red;}'); 

Answer 2

Использование .add

dynS.add(cssA).empty().text('#target p:first-of-type {color: red;}');