当使用jQuery单击时，如何转发到html中数据属性中的链接

How do I get forwarded to a link that is in a data attribute in html when clicked using jQuery?

本文关键字：转发 html 数据属性 链接 jQuery 单击 何转发      更新时间：2023-09-26

当使用数据属性和jQuery点击div时，我试图转发到一个链接，但有点卡住了。这是我的代码：

html:

<div class="clickable-icon" data-link="www.google.com">click to be forwarded</div>

jquery:

$('.clickable-icon').attr('data-link');

使用谷歌作为链接的例子。但是我该如何使用jquery来帮助实现这一点呢？

你可以做：

window.location.href = $('.clickable-icon').data('link');

根据您的点击意愿，编写点击事件并获取点击元素数据链接属性值：

$('.clickable-icon').click(function () {
    window.location.href = $(this).data('link');
})

工作FIDDLE

您可以像一样使用window.location.href

$('.clickable-icon').on('click', function() {
      window.location.href = $(this).data('link');
});

$('.clickable-icon').click(function(){
    window.location.href = 'http://'+$(this).data('link');
})
相关文章：