Question

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

这些div是javascript生成的，从XML中提取，因此（取决于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

您无法访问jQuery对象上的innerHTML属性。您需要使用html()代替innerHTML

更改

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

到的

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

OR

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

您可能还需要使用$ .trim来避免文本中的任何额外空间，并且最好使用category而不是$ .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");
 }

JQuery基于HTML内容改变基于类的颜色

2 个答案: