Javascript：检查CSS选择器的值并替换它

我使用以下jquery将CSS样式注入到

中的

标记中：

---

它工作得很好，只是以前输入的值没有被删除，新值只是被添加，使CSS变得混乱。第3-5行是问题所在。基本上，我试图检查是否已经为选择器

.site title

分配了一个值。如果存在，请清除它并用新值替换它

在@Olian04的帮助下，我将

.append

替换为

.html

：

wp.customize( 'site_title_color', function( value ) {
    value.bind( function( newval ) {
        $( '#customizer-preview' ).html( '.site-title { color: ' + newval + ' ; }' );
    } );
} );

---

这使得问题的第3-5行变得不必要。

使用

$（选择器）。html（…）

而不是

classList.toggle（）

在这里可能会有所帮助。@jmargolisvt你有例子吗？@jmargolisvt不幸的是，我认为这行不通，因为我将以同样的方式向样式标记添加（或附加）其他元素。我只需要能够删除每个选择器在更改新值时的前一个CSS。

wp.customize( 'site_title_color', function( value ) {
    value.bind( function( newval ) {
        $( '#customizer-preview' ).html( '.site-title { color: ' + newval + ' ; }' );
    } );
} );