0

以下のコードで、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>

ID は動的になるため、クラス「multi-choice-btn」に基づいて置換を行う必要があります。

助けてください。

4

5 に答える 5

2

最短ではありませんが、機能しています：

$('.multi-choice-btn').replaceWith(function() {
    return $('<span>', {
        id: this.id,
        `class`: this.className,
        html: $(this).html()
    })
});​

http://jsfiddle.net/dfsq/unVfp/を参照してください

于 2012-10-25T15:29:09.580 に答える
2

次のようにできます。

$('a').contents().unwrap().wrap('<span></span>');​

デモ: http://jsfiddle.net/XzYdu/

属性を保持したい場合は、次のようにします。

// New type of the tag
var replacementTag = 'span';

// Replace all a tags with the type of replacementTag
$('a').each(function() {
    var outer = this.outerHTML;

    // Replace opening tag
    var regex = new RegExp('<' + this.tagName, 'i');
    var newTag = outer.replace(regex, '<' + replacementTag);

    // Replace closing tag
    regex = new RegExp('</' + this.tagName, 'i');
    newTag = newTag.replace(regex, '</' + replacementTag);

    $(this).replaceWith(newTag);
});

デモ: http://jsfiddle.net/XzYdu/1/

于 2012-10-25T15:26:48.243 に答える
2 
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/

于 2012-10-25T15:22:39.110 に答える
0

この添付の jsFiddleを参照してください。

var props = $(".multi-choice-btn").prop("attributes");

var span = $("<span>");

$.each(props, function() {
    span.attr(this.name, this.value);
});

$(".multi-choice-btn").children().unwrap().wrapAll(span);​
于 2012-10-25T15:25:36.340 に答える
0

replaceWith と小さな attrCopy ロジックを使用してみてください。下記参照、

デモ: http://jsfiddle.net/4HWPC/

$('.multi-choice-btn').replaceWith(function() {

    var attrCopy = {};
    for (var i = 0, attrs = this.attributes, l = attrs.length; i < l; i++) {
        attrCopy[attrs.item(i).nodeName] = attrs.item(i).nodeValue;
    }       

    return $('<span>').attr(attrCopy).html($(this).html());

});
于 2012-10-25T15:40:06.350 に答える