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

Question

我正在尝试使用 JQuery 来获取 div 的内部 html（类 box_bottom）。

这些 div 是从 XML 中提取的 javascript 生成的，因此（取决于 XML）可能（因此我需要满足）多次出现，因此不能通过 ID 执行此操作。如果内容是“通知”，那么我希望颜色为蓝色，如果内容为“VO”，我希望颜色为红色

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

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

JQuery 的完全新手，所以刚刚在谷歌上搜索语法 - 如果这是一个超级简单的问题，请道歉。

Answer 1

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

改变

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

到

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

或者

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

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

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

Answer 2

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