jquery - 使用Jquery根据body Id添加/删除类

Question

我不是 JavaScript 大师，但我需要创建一个完成以下任务的脚本。

如果 body id="index"将类"current-selected"添加到 anchor 标记，其中 href=index.php如果 body id="services"将 class="current-selected"添加到 anchor 标记，其中 href=services.php等等

这有什么意义吗？有人可以帮忙吗？

如果可以的话谢谢!

Abbotsford Web Design

Answer 1

像这样的事情应该可以解决问题。这将动态确定您的 body 元素 ID 并更改引用同名 php 文件的所有 anchor 标记。

var bodyID = $("body").attr("id");

$("a[href='" + bodyID + ".php']").addClass("current-selected");

正如另一条评论中所述，使用 .removeClass("current-selected") 函数来完成相反的操作。

此外，如果您的网址仅结尾为“index.php”，即 href 属性类似于“/something/index.php”，请使用“a[href$=” '"+ bodyID + ".php']"作为您的选择器。这将匹配以文件名结尾的 href 值。