jQuery가 span 태그에 앵커 태그를 대체했습니다.

Question

앵커 태그를 제거하고 span 태그로 바꾸려고 시도하지만 클래스 attr을 유지합니다. 나는이 코드를 가지고 있지만 클래스에 "정의되지 않은"코드를 보여주고있다.

$("#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 1

코드에 문제가없는 것으로 보입니다. 선택자를 기반으로 간단하게 가정했습니다. 이스케이프 문자를 작은 따옴표로 변경했습니다. 결과에 영향을 미치지 않습니다. 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>"); 
    }); 
});