如果特定條件滿足，更改子元素的顏色

如果子元素具有「缺貨消息」，我想更改它的顏色。該消息將在運行時生成，因此可以更改其他項目，並且僅當文本「缺貨」時纔想更改顏色。我無法修改代碼，我只能應用CSS或JavaScript/jQuery。這裏是我的html代碼：如果特定條件滿足，更改子元素的顏色

<span id="stockStatus" class="status"> 
    <span id="itemavail">Out Of Stock</span> 
</span>

我已經試過這jQuery代碼，但它不工作：

$(document).ready(function() { 
    $(".status").each(function(){ 
     if ($(this).children('span').text().trim() == "Out Of Stock") { 
      $(this).children('span').css("color", "red"); 
     } 
    }); 
});

來源

2014-12-02 user1881845

您需要使用'onchange'事件 – 2014-12-02 07:47:49

@ user1881845：如何添加新內容？ – 2014-12-02 07:50:55

<％= getCurrentAttribute（'item'，'outofstockbehavior'）％>此標籤正在修改文本..如果項目缺貨文本顏色我需要更改 – user1881845 2014-12-02 07:53:18

改變後的內容（你沒有提到他們是如何得到網頁上添加），你可以簡單地使用：

$(".status span:contains(Out Of Stock)").css("color", "red");

Working Demo

來源

2014-12-02 07:47:51

消息將在運行時發生變化，所以我認爲他需要改變 – 2014-12-02 07:48:54

不知道他如何修改dom。 – 2014-12-02 07:49:20

阿賈克斯..大概.... – 2014-12-02 07:49:31

如果特定條件滿足，更改子元素的顏色

回答

相關問題