Hide or remove spans from a block of pregenerated html

Question

Is it possible to remove all the spans or event the element styling from them?

They are created by VBulletin so I cant manually do it

<div class="thanklist">
        <a href="member.php?u=1394" rel="nofollow"><span style="color: #F3484E; font-weight:bold;">mynameisdonald</span></a>
        <a href="member.php?u=1394" rel="nofollow"><span style="color: #F3484E; font-weight:bold;">mynameisdonald</span></a>
</div>

Answer 1

Yes, you can use removeAttr() method, try the following:

$('.thanklist span').removeAttr('style');

DEMO

Or if you want to remove them the spans you can use remove() method:

$('.thanklist span').remove();

DEMO

Answer 2

​$('.thanklist span').each(function(i, el){
    $(this).parent().html($(this).html());
});​​​​​​​​​​​​​​​​​

Answer 3

Could you add a css class:

span {
   display: none;
}