javascript - JQuery 根据 HTML 内容的类更改颜色

Question

我正在尝试使用 JQuery 获取 div(类 box_bottom)的内部 html。

这些 div 是 javascript 生成的，从 XML 中提取，因此(取决于 XML)可能(因此我需要满足)多次出现，所以不能通过 ID 来做到这一点。如果内容是“notifications”那么我想要颜色是蓝色，如果内容是“VO”我想要颜色是红色

 $.category = $('.box_bottom').innerHTML;
    if ($.category == 'Notifications') {
     $(".box_bottom").css("color", "blue");
     }
     if ($.category == 'VO')
     {
     $(".box_bottom").css("color", "red");
     }

Chrome 开发控制台没有显示任何错误 - 我不确定哪里出错了。

完全是 JQuery 的新手，所以刚刚使用谷歌搜索语法 - 如果这是一个 super 简单的问题，我们深表歉意。

Answer 1

您不能访问 jQuery 对象的 innerHTML 属性。您需要使用 html() 而不是 innerHTML

改变

$.category = $('.box_bottom').innerHTML;

给

$.category = $('.box_bottom').html();

或

$.category = $('.box_bottom').text();

您可能还需要使用 $.trim 来避免文本中出现任何多余的空格，最好使用类别而不是 $.category，因为它使用 $ jQuery 对象定义了类别。

$.category = $.trim($('.box_bottom').text());