Jquery - 根据<a></a>的内容应用类

Question

我有一个可以编辑源代码的水平导航菜单，我唯一的选择是在通过JQUERY加载时动态添加类。

想象一下，我有3个标签：

Home, Profile, Blog

每个都有这样的链接：

<a href="home.html">Home</a>

JQUERY是否可以在<a> </a>标签之间查找并找到文本（例如Home）并将该文本用作课程？

因此我的<a href="home.html">变为：<a class="Home" href="home.html">

Answer 1

如果您知道自己在寻找什么，可以使用:contains：

$('a :contains(Home)').addClass('home');

我认为这会更强大：

$('a.nav').each(function() {

    // add class with name of the link's text
    $(this).addClass($(this).text());
});

假设您为导航链接提供了课程nav。

Answer 2

你想要这样的东西：

$("a:contains('Home')").removeClass().addClass("Home");

Answer 3

$("a").each(function () {
  var self = $(this);
  self.addClass(self.text());
});