使用jquery用文本替换图像

Question

我的HTML代码看起来像这样

<a class="wsl_connect_with_provider" title="Connect with Facebook" data-provider="Facebook">
<img src="/assets/img/facebook.png">
</a>
<a class="wsl_connect_with_provider" title="Connect with Twitter" data-provider="Twitter">
<img src="/assets/img/twitter.png">
</a>

我想像img一样使用title替换jquery。

<a class="wsl_connect_with_provider" title="Connect with Facebook" data-provider="Facebook">
    Connect with Facebook
    </a>
    <a class="wsl_connect_with_provider" title="Connect with Twitter" data-provider="Twitter">
    Connect with Twitter
    </a>

有人可以告诉我该怎么做吗？

Answer 1

$.each($('img'), function(){
  $(this).replaceWith('<span>'+$(this).attr('title')+'</span>');
});

Answer 2

这应该有效：

$('a.wsl_connect_with_provider').each(function(){
  $(this).text($(this).prop('title'));
});

演示here

Answer 3

$('.wsl_connect_with_provider img').each(function () {
    $(this).replaceWith(
        $(this.parentNode).attr('title')
    );
});