我有一个工作代码,当在指向导航中另一个页面的链接被单击时,会在标记为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;
				}
			}
		});
	});
});





javascript - Javascript-更改事件链接并在链接末尾添加句点-LMLPHP

最佳答案

您可以使用CSS完成此操作吗?由于不包含HTML,因此不确定代码的结构是什么,但是假设您可以定位活动链接,则可以使用类似以下内容的代码:

.active:after {
    content: ".";
}

10-05 21:00
查看更多