javascript - 使用 jquery 更改 url

Question

请解释一下。

为什么返回，只有第一个数据属性——“link-1.html”，即使我点击第二个链接也是如此

<a class="project-link" href="link-1.html" data-url="link-1.html">
<a class="project-link" href="link-2.html" data-url="link-2.html">

var toUrl = $('.project-link').attr('data-url');
  $('a').click(function() {
  window.location.hash = toUrl;

});

这样的 Action 的意思——我的链接是通过Ajax打开的，但是我想把URL显示在浏览器中。

我想让它成为行为，如果你点击卡片组合，它们会通过 Ajax 在同一窗口中显示，但它也保留了直接吸引链接的可能性。这就是为什么我要在浏览器地址栏中显示 URL

Answer 1

您必须通过this

获取当前目标 url

$('a').click(function() {
   var toUrl = $(this).data('url'); // use this as current target
   window.location.hash = toUrl;
});

我推荐你使用.data()当您检索数据属性(仅)而不是 .attr() 时

Demo