Question

我想根据他们使用的浏览器向元素添加一个类。这就是我所拥有的：

var browser = navigator.userAgent;

if (browser.match("Firefox")){
  $(".dollar").addClass("ff");
}

但它似乎并没有起作用。我做错了什么？

编辑：HTML

<p class="dollar">$</p>

Answer 1

因为navigator.userAgent返回 “Mozilla / 5.0（Windows NT 6.1; WOW64; rv：40.0）Gecko / 20100101 Firefox / 40.0”

当然与if语句中的“Firefox”不匹配，因此你的if语句是假的......

您可能想尝试：

if (navigator.userAgent.search("Firefox/") > -1)

作为你的if - 应该看到Firefox - 然后使用Chrome /进行Chrome测试

[如果建议编辑]

Answer 2

使用文档（DOM）ready wrapper：

var browser = navigator.userAgent;

jQuery(function( $ ){             // DOM is now ready

  if (browser.match("Firefox")){
    $(".dollar").addClass("ff");  // and .dollar is parsed
  }

});

在Firefox中测试此 jsBin demo 示例

使用Javascript向元素添加类

2 个答案: