jQuery變換跨度到標籤並添加屬性

Question

<span>Autre contact :</span> 

<label id="Autre contact :" for="">Autre contact :</label> 

如何將一個跨度轉換爲標籤？並添加一個id和一個for屬性？

快樂星期五:)

Answer 1

我認爲這會做你正在尋找的東西。當然也有不同的結果。

//use a jquery selector to grab the span 
var span = $("span"); 

//generate a label object 
var label = $("<label id='Something' for=''>Label Text</label>"); 

//replace the span 
span.replaceWith(label); 

Answer 2

$('span').replaceWith(function() { 
    var idAndText = $(this).text(); 
    return '<label id="' + idAndText + ' for="">' + idAndText + '</label>'; 
}); 

注意IDS不應包含空格。因此，您可能需要更改HTML或在上述函數中操作ID。

Answer 3

別人給予類似的解決方案，但這裏有一個稍微不同的方式：

$("#myspan").replaceWith(
    $("<label>").attr({ "id" : "myLabel", "value" : "foo", "for" : "otherElement" }));