JavaScript/JQuery如何获取新视图调用方的id

Question

我有两个链接，两个链接都重定向到同一个新url(View(。

但根据单击的href链接，我需要在新视图上显示或隐藏按钮。

我的问题是，有没有办法知道重定向到当前/新视图的事件/调用方的id？

我试着研究jquery历史方法，但没有成功。

谢谢

Answer 1

您可以通过实现以下内容来尝试查询字符串。

<a href="index.html?link=link_1" class="link_1 links">Link 1</a>
<a href="index.html?link=link_2" class="link_2 links">Link 2</a>

上面我们有2个链接，下面我为这些链接添加了一些CSS

.links {
margin-top: 10px;
border: 1px solid;
padding: 10px;
text-decoration: none;
font-weight: bold;
}
.hide-link {
display: none;
}

.hide-link将用于隐藏当前单击的链接。

下面是奇迹发生的地方。

$(document).ready(function(){
//the magic is here.. the below code will get the current URL
const clickedUrl = new URL(window.location.href);
//this will get the current clicked link between link_1 & link_2 as indicated in my buttons
let link = clickedUrl.searchParams.get('link')
//then we add the '.hide-link' link that's currently clicked
$('.'+link).addClass('hide-link')
})

这是一般的想法，但我相信从中你可以得到你想要的东西。

这里有一个JSFiddle，link_1作为当前选择的链接。