我有一个工作代码,当在指向导航中另一个页面的链接被单击时,会在标记为active
类的导航项上添加句点并移动class="active"
。
我需要添加几行代码,以删除当前链接末尾的句点并将其移至新单击的活动链接。
有人迷路了,有人可以帮我提供这个代码吗?
请参阅下面的代码和图像以供参考。
提前致谢!
$(document).ready(function () {
'use strict';
// SITE MENU
// This line of code adds the period to end of link
document.getElementById("nav-item").innerHTML += ".";
// These lines of code move the active class when a link is clicked
$(function () {
var current_page_URL = location.href;
$("a").each(function () {
if ($(this).attr("href") !== "#") {
var target_URL = $(this).prop("href");
if (target_URL == current_page_URL) {
$('.nav a').parents('li, ul').removeClass('active');
$(this).parent('li').addClass('active');
return false;
}
}
});
});
});
最佳答案
您可以使用CSS完成此操作吗?由于不包含HTML,因此不确定代码的结构是什么,但是假设您可以定位活动链接,则可以使用类似以下内容的代码:
.active:after {
content: ".";
}