jquery - 如何使用jquery更改按钮的href

Question

<a class="btn conversation" href="/contact1"> </a>
<a class="btn conversation" href="/contact2"> </a>
<a class="btn conversation" href="/contact3"> </a>

我有许多带有特殊会话类的按钮。我想将值附加?open_deals到所有这些按钮的 href 属性。

$('.conversation').attr('href', $('.conversation').attr('href') + '?open_deals');

我已经尝试过了，但所有按钮都获得了 href 值：/contact1?open_deals

我想我必须$(this)在设置值时使用。没有把握。

Answer 1

attr接受一个函数，jQuery 在内部遍历被选元素，第一个参数是索引，第二个参数是每个元素的当前属性值。

$('.conversation').attr('href', function(i, current){
     return current + '?open_deals'
})

Answer 2

最简单的解决方案：

$('.conversation').each(function(){this.href += '?open_deals'});

示范

Answer 3

将函数传递给attr方法：

$('.conversation').attr('href', function (i, val) {
    return val + '?open_details';
});