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