如何使用jQuery将类添加到正文标记?

让我澄清一下我的问题,以及我正在寻找的解决方案。 我正在使用wikispaces.com,我想使用jQuery动态地为每个页面添加一个唯一的body类,以某种方式抓取URL,然后插入将专门应用的唯一body类,并且仅用于该页面。

所以,这是我的维基空间的一个示例url…

http://wikithemes.wikispaces.com/Audio+Page

我想让jQuery抓住…让我们说.com /之后的第一个单词,在这个页面上就是音频 。 所以,我需要的jQuery会将类音频应用到body标签,就像这样……

 

在他们的文档中,任何jQuery都可以插入,因为它默认加载。 但他们澄清说,与jQuery中使用的$符号不同,如果你使用jQuery这个词,它只能在wikispaces中工作。 像这样…

 jQuery(document).ready(function(){ 

我非常感谢你能帮助我实现这一目标。 谢谢!

不确定您在放置代码时的限制。 我只是将它放在你的文档的中并将该类应用于html元素而不是body这样你就不会得到FOUS或“Flash of Unstyled Content”。 几乎在页面加载后,该类在元素上“存在”,但在它显示之前,如果你这样做:

  

如果你真的想使用jQuery:

  

常规javascript:

 jQuery(document).ready(function(){ var urlPath = window.location.pathname; document.body.className = urlPath.match(/\/(.*?)(\+|$)/)[1].toLowerCase(); });