使用javascript输出样式通知

我有一个javascript代码片段：

<div id="store_stock_display"><p>Stock: <span class="store_product_stock"></span></p></div>
<script type="text/javascript">
    $(function() {
        $('.store_product_stock').change(function() {
            if ($(this).text() == '0') {
                $('#store_stock_display').show();
                $(this).text('OUT OF STOCK');
            } else if ($(this).text() == '') {$('#store_stock_display').hide();} else {$('#store_stock_display').show();}
        });
    });
</script>

股票：

$（函数（）{
$（'.store\u product\u stock'）。更改（函数（）{
如果（$（this）.text（）=='0'）{
$（“#存储#库存#显示”）.show（）；
$（此）.text（'缺货'）；
}else if（$（this）.text（）=''）{$（'#store_stock_display'）.hide（）}else{$（'#store_stock_display'）.show（）}
});
});

如果我的产品缺货，则显示库存水平（例如：10100…），如果我的产品目前缺货，则显示缺货

我希望通知的样式如下：

<font style="color:red; font-weight:bold;">OUT OF STOCK</font>
or
<div class="abc">OUT OF STOCK</div>

缺货
或
缺货

请帮帮我，非常感谢

您可以使用

addClass（）

：

W3C：HTML与CSS的分离使得维护站点、跨页面共享样式表以及根据不同环境定制页面变得更加容易。这被称为结构（或：内容）与表示的分离

---

如果你的逻辑完美，你可以选择：

$(this).css({'color': 'red', 'font-weight' : 'bold'});

---

在添加文本后添加这一行。

非常感谢Raminson和Govind！

 if ($(this).text() == '0') {
      $('#store_stock_display').show();
      $(this).addClass('abc').text('OUT OF STOCK')
 }

$(this).css({'color': 'red', 'font-weight' : 'bold'});