jquery - html hrefを変更しますが、jqueryを使用してテキストを同じままにします

Question

リンクのhref値を変更しても、そのテキストを同じままにする方法はありますか？

<a id="mylink" href="www.link.com">click here</a>

「www.link.com」を変更し、「ここをクリック」というテキストはそのままにしておきたいと思います。

Answer 1

jQueryの.attr（）メソッドは、これを実行するための最良の方法です。それは魅力のように機能します。やりたいことのために使用するコードは次のとおりです。

$('#mylink').attr('href', 'http://www.newlink.com');

また、hrefにプロトコルが含まれていることを確認してください。（http://、、https://など）

Answer 2

この.attr()関数を使用して、要素の属性を変更します。

$('#mylink').attr('href', 'newvalue');

また、リンクをホストしているページと同じパスで実際に呼び出されたファイルがない限り、FYIだけ（そしてこれが変更する理由かもしれません）はhref="www.link.com"リンク切れになります。www.link.com別のドメインに移動するには、プロトコルを含めるためにURLを完全に修飾する必要があります。href="http://www.link.com"

Answer 3

jQuery .attr（）を使用すると、簡単に実装できます。

var link = $("#mylink");   //the target anchor
link.attr("href","{your url here}");