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

この重複を避けるために、キャッシュされたセレクター変数を使用し、両方で同じように text() を設定する方法はありますか?

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