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。

我想把它做成behance，如果你点击卡片组合，它们会通过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