javascript - 将标签替换为span标签

Question

我想在下面提到的代码中使用 javascript 或 jquery 将标签替换为 span 标签。

<a class="multi-choice-btn" id="abcd123">
     <img class="x-panel-inline-icon feedback-icon " src="../images/choice_correct.png" id="pqrs123">
</a>

应按如下方式更改。

<span class="multi-choice-btn" id="abcd123">
     <img class="x-panel-inline-icon feedback-icon " src="../images/choice_correct.png" id="pqrs123">
</span>

替换必须基于“multi-choice-btn”类进行，因为 id 是动态的。

请帮忙。

Answer 1

var anchor = document.getElementById("abcd123"),
    span = document.createElement("span");

span.innerHTML = anchor.innerHTML;
span.className = anchor.className;
span.id = anchor.id;

anchor.parentNode.replaceChild(span,anchor);​

http://jsfiddle.net/tCyVH/