1

私は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>

在庫がある場合は在庫レベル（例：10、100 ...）が表示され、在庫がない場合は在庫切れが表示されます。

そして、私は通知が次のようにスタイリングされることを望んでいます：

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

助けてください、ありがとうございました！

4

2 に答える 2

0

you can use addClass():

.abc {
    color:red; 
    font-weight:bold
}


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

W3C: The separation of HTML from CSS makes it easier to maintain sites, share style sheets across pages, and tailor pages to different environments. This is referred to as the separation of structure (or: content) from presentation.

于 2012-07-24T07:15:11.197 に答える
0

If your logic goes perfect you can go with :

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

add this line just after adding text.

于 2012-07-24T07:15:22.207 に答える