javascript - 如何将文本添加到图像 anchor ？

Question

我有一个图像链接，我想将其转换为图像和文本链接。

有了这个:

<a href="http://example.com/" class="link">  
  <img src="http://i.imgur.com/s3zp1u2.jpg" /></a>

我想得到这个(注意“猫”文本):

<a href="http://example.com/" class="link">  
  <img src="http://i.imgur.com/s3zp1u2.jpg" />Cat</a>

我的code添加文本但删除图像:

$(function(){
    $('.link').text('Cat');
});

Answer 1

最简单的方法是添加一个额外的跨度

<a href="http://example.com/" class="link">  
  <img src="http://i.imgur.com/s3zp1u2.jpg" />
  <span></span>
</a>

js

$(function(){
    $('.link span').text('Cat');
});

替代方法是使用append()