Jquery изменения цвета текст, если

Question

Я хочу изменить цвет текста на статусе класса

Когда текст числа больше 0 я использую этот код и работает отлично:

$(document).ready(function() { 
    $(".status").filter(function() { 
    return $(this).html() > 0; 
    }).parent().css('color', 'red'); 
}); 

Как я могу сделать синий цвет, если текст ошибка? Я попытался это, но он не работает:

return $(this).html() == "error"; 

Answer 1

Это, как вы должен сделать это:

Вам необходимо получить .text() от .status вам нужно .trim(), поэтому он не содержит пробелов. Чем вы можете сравнить ошибку с ошибкой.

$(document).ready(function() { 
 
    $(".status").filter(function() { 
 
    return $(this).text().trim() == "error"; 
 
    }).parent().css('color', 'blue'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    Parent 
 
    <div class="status"> 
 
    error 
 
    </div> 
 
</div>

Answer 2

Вы можете использовать JQuery API isNumeric для проверки, если входной номер

$(document).ready(function() { 
$(".status") 
    .filter(function() { 
    return $.isNumeric($(this).val()); 
}) 
.parent().css('color', 'blue');}); 

Answer 3

$(document).ready(function() { 
 
    $(".status").filter(function() { 
 
    return $(this).text() === "error"; 
 
    }).parent().css('color', 'blue'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>