Question

我想改变子元素的颜色，如果它有＆＃34;缺货消息＆＃34;。消息将在运行时生成，因此可以更改其他项目，我只想在文本缺货时更改颜色＆＃34;。我无法修改代码我只能应用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");
        }
     });
});

Answer 1

更改内容后（您还没有提到它们是如何在页面上添加的），您只需使用：

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

<强> Working Demo

如果特定条件满足，则更改子元素的颜色

1 个答案: