使用JQUERY更改标记“a”以保留内容的“span”

Question

我正在使用JQUERY将“a”更改为“span”但没有成功。

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

我的问题是：如何将标签“a”更改为“span”但保留内容？

我有：

<td style="">
     <a href="javascript:void(0)" 
        data-name="id" 
        data-pk="1" 
        data-value="01A001" 
        data-url="./save.php">My ID</a>
</td>

我希望：

  <td style="">
         <span href="javascript:void(0)" 
            data-name="id" 
            data-pk="1" 
            data-value="01A001" 
            data-url="./save.php">My ID</span>
    </td>

谢谢大家。