我可以把一个页面slug作为CSS类吗？

Question

我想知道是否有办法从URL（即页面slug）中提取信息，并根据页面的slug将类应用于元素。

if (url[url.length - 1]) {
  slug = url[url.length - 1];
} else {
  slug = url[url.length - 2];
}

是否可以拉出＆＃34; pageslug＆＃34;从URL并将其插入HTML元素？

http://www.example.com/pageslug/

注意：这不是Editing a Class with Jquery

的副本

我不打算根据页面上动态生成的锚标记来创建类，我试图创建一个类并根据当前页面将其分配给一个元素＆＃39;网址结构。

Answer 1

$(".somediv").addClass(location.pathname.substr(1));

这应该将当前路径名添加到您选择的元素中。路径名往往有一个开始斜杠，这就是substr（）;

的原因

$(".somediv").addClass(location.pathname.replace(/\//g,''));

这将从路径名中删除所有斜杠。这个例子假设jquery。一个香草的例子会更像这样。

document.querySelector("someelement").className += " "+location.pathname.replace(/\//g,'');

Answer 2

这是另一个

Demo

var dir = window.location.pathname.split('/')[1];
$('div').text('My class is: '+dir).addClass(dir);