在jQuery中将链接文本替换为链接href值

Question

我想用链接href值替换链接的文本。

我在表中有1000个这样的链接。

html

<td  valign="middle"class="link2"align="left" width="auto" >
<a href="http://www.example1.com" target="_blank">Item1</a>
</td>
<td  valign="middle"class="link2"align="left" width="auto" >
<a href="http://www.example2.com" target="_blank">Item2</a>
</td>
.
.
.
.

我想用链接href值http://www.example1.com http://www.example1.com ...替换文本值Item1 Item2 ... http://www.example1.com http://www.example1.com ...

我正在尝试这种方式，但无法正常工作。

jQuery的

$('.link2 a').html($(this).attr('href'));
//also tried like this.
$('.link2 a').html(this.attr('href'));

$('.link2 a').text($(this).attr('href'));
//also tried like this.
$('.link2 a').text(this.attr('href'));

请提出方法。

谢谢。

Answer 1

使用html（）的回调函数，即.html（function）或.text（function）

现场演示

$('.link2 a').html(function(){
   return this.href;
});

Answer 2

在这里this不是指锚。 遍历每个锚点节点并设置其文本。 尝试使用此代码

 $('.link2 a').each(function(){
   $(this).text($(this).attr('href'));
 });

Answer 3

试试看：您需要迭代每个锚标记，因为需要读取每个锚标记href值并将其设置为其文本。

$('.link2 a').each(function(){
  $(this).text($(this).attr('href'));
});

Answer 4

用这个

$('.link2 a').each(function(){
  $(this).html($(this).attr('href'));
});

Answer 5

尝试这个：

$('.link2').each(
 function(index)
 {
   $(this).children(":first").text($(this).attr('href'));
 }


);

Answer 6

尝试这个：

$('.link2 a').each(function(){
  $(this).text($(this).attr('href'));
});

Answer 7

易于使用的代码如下

    $('.link2 a').each(function(){
   $(this).text($(this).attr('href'));
 });