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は選択された要素を内部的に反復します。最初のパラメーターはインデックスで、2番目のパラメーターは各要素の現在の属性の値です。

$('.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';
});