Question

我想更改班级状态的文字颜色

当文本的数字大于0时，我使用此代码并正常工作：

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

当文字错误时，如何制作蓝色文字？我试过这个，但它不起作用：

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

Answer 1

您可以使用jQuery API isNumeric来验证输入是否为数字

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

Answer 2

这是你应该怎么做的：

您需要.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>

{{1}}

Answer 3

＆＃13;

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

＆＃13;

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

＆＃13;

Jquery更改文本颜色if

3 个答案: