Заменить изображение с текстом с помощью 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

Это должно работать:

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

Demo here

Answer 2

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

Answer 3

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