javascript - 无法通过 jQuery 更改 Span 的 CSS

Question

在我下面的 coe console.log火灾，所以if声明肯定是通过的。如果我尝试 console.log() $(this) 的 CSS我得到 undefined .我已经完成了 console.log($this)它返回一个带有外部 HTML 的对象 <span class="formState"></span> .我有几个 friend 看过这个，并做了很多研究，但都没有成功。

<span class="formState"><?php echo $IRFormResults[$count];$count++ ?></span>

$(".formState").each(function() {
    if ($(this).text() == 'n/a') {
        console.log('Got an n/a');
        $(this).css('color:red');
    }

.formState {
    color: green;
    display: inline-block;
    min-width: 125px;
    margin-left: 10px;
    float:right;
}

Answer 1

您的语法不太正确。 css() 方法有两个参数； CSS 属性及其值:

$(this).css('color', 'red');

另请注意，您可以修改逻辑以使用 filter() 以及 trim() 元素的文本以保存任何导致问题的空白:

$(".formState").filter(function() {
    return $(this).text().toLower().trim() == 'n/a';
}).css('color', 'red');