使用 Javascript 添加 class 到元素

Question

我想根据他们使用的浏览器向元素添加 class。这是我的：

var browser = navigator.userAgent;

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

但它似乎不起作用。我做错了什么？

编辑：HTML

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

Answer 1

因为navigator.userAgent returns "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) 就绪包装器：

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 添加 class 到元素

Adding class to element using Javascript

javascript

browser

firefox

user-agent