JSでaタグのhrefに追記をしたい

Question

やりたいこと

　JSでaタグのhrefに追記をしたい

現状のコード

    $('li').each(function() {
      $(this).children('a').attr('href') + "?追加したいパラメータ"
    });

問題

　コンソール上では、従来のhref + "?追加したいパラメータ"の形になっていたが、HTML上では変化がなかった。
どうすればHTML上のaタグのリンク先を変更することができますか？

Answer 1

ただ足すだけでは、文字列が生成するだけで、何も変更されません。改めてセットする必要があります。

    $('li a').each(function() {
      $(this).attr('href', $(this).attr('href') + "?追加したいパラメータ");
    });

Comments

[og33]

ありがとうございました！解決しました！

Answer 2

同じパラメータを渡すならeachはいらないかも

$(function(){
  $('li a').attr('href',function(){return $(this).attr('href')+"?x=1"});

});

<ul>
<li><a href="hoge.php">hoge</a></li>
<li><a href="fuga.php">fuga</a></li>
<li><a href="piyo.php">piyo</a></li>
</ul>
</a>