jQuery replacewith anchor tag to span tag

Question

I'm trying to have an anchor tag removed and replaced with a span tag but keep the class attr. I have this code but it is showing "undefined" for the class.

$("#wprmenu_menu").find('li:has(ul) > a').replaceWith(function() {
    var Qthis = $(this);
    var className = Qthis.attr('class');
    return $("<span class=\"" + className + "\">" + Qthis.html() + "</span>");
});

the anchor tag gets removed, and the text inside stays but the class does not transfer over.

Answer 1

Don't see anything wrong with your code. I made a simply assumption based on your selector. Changed the escape to single quotes as well. Not affecting the outcome. Fiddle

$("#wprmenu_menu").find('li:has(ul) > a').replaceWith(function() {
    var Qthis = $(this);
    var className = Qthis.attr('class');
    return $("<span class='" + className + "'>" + Qthis.html() + "</span>");
});

Answer 2

$('#myButton').click(function(){
    $("#someDiv a").replaceWith(function(){
        return $("<span>" + $(this).html() + "</span>");
    });
});