jquery - jqueryを使用してテキストでアンカーのhrefリンクを変更します

Question

私が持っている場合：

<a href="#">Title </a> 
<a href="#">Title2 </a> 

最初のアンカーで href を Title にし、2 番目のアンカーで Title2 にしたい

を使ってみましたattr("href" function() { return this.text; });

Answer 1

もうすぐそこ :

$('a').attr("href", function() { return $(this).text(); });

デモンストレーション

Answer 2

それを変更すると、次のようになります。

$('a').each(function(i,e){
  this.href = '#' + $(this).text(); // using # because i assume named anchor?
});

それは変わります：

<a href="#">Title</a>        -> <a href="#Title">Title1</a>
<a href="#">Title2</a>       -> <a href="#Title2">Title2</a>

• すべてのアンカーをつかむ ( $('a'))
• それぞれをループします ( .each())
• アンカーのテキストを使用して新しい値を割り当てます ( this.href = $(this).text())

'#' +名前付きアンカー/id 要素へのリンクが必要ない場合は、上記の部分を削除することもできますが、アンカーの表示テキストによって提供されるものは有効な URL にならない可能性があります)。