Javascript - 更改活动链接并将句点添加到链接结尾

Question

我有一个工作代码，用于为标有123 HDR 098 LLK blah blah blah 456 HDR 098 LLK blah blah blah 789 HDR 098 LLK blah blah blah 类的导航项添加句点，并在点击导航中另一个页面的链接时移动active。

我需要添加几行代码，这些代码将删除当前链接末尾的句点并将其移动到新单击的活动链接。

有人可以帮我解决这个问题，因为我有点迷失了吗？！

请参阅下面的代码和图片以供参考。

提前致谢！

class="active"

Answer 1

您可以使用CSS插入该期间，而不是使用innerHTML添加句点，如下所示：

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

因此，每当活动类添加到元素时，它就会在内容的末尾添加句点。

Answer 2

你能用CSS来完成吗？我不确定您的代码的结构是什么，因为HTML没有包含在内，但假设您可以定位活动链接，您可以使用以下内容：

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