围绕现有元素包装HTML

Question

这是我正常的css申请：

<h3><strong><span style="color: #3399ff;"></span></strong></h3>

我希望将上述风格应用于这些js元素：

$('#no_tax_price').text("$"+no_tax_price.toFixed(2));
        $('#tax').text("$"+tax.toFixed(2));
        $('#tax_price').text("$"+(no_tax_price+tax).toFixed(2));

Answer 1

如果您在CSS而不是HTML中定义样式，您的新元素将自动采用样式 - 不需要JS。

#no_tax_price, #tax, #tax_price {
    font-size: 18pt;
    font-weight: bold;
    color: #3399ff;
}

Answer 2

通常我不会使用<h3><strong><span>来应用样式（而只是使用一个定义了正确CSS属性的单个类），但快速解决方法是将这些元素包装在“jQuery元素”的内容周围“：

$('#no_tax_price, #tax, #tax_price')
    .wrapInner('<h3><strong><span style="color: #3399ff;"></span></strong></h3>');