How can I change HTML attribute names with jQuery?

Question

I would like to change all the names of the attributes where class=\"testingCase\" throughout all my whole html document.

e.g. Change:

&         


        

Answer 1

One liner

$('selector').replaceWith($('selector')[0].outerHTML.replace("oldName=","newName="));

worked great for me when I needed to strip a prefix from all of my attributes

$('selector').replaceWith($('selector')[0].outerHTML.(/prefix\-/g,""));