jquery - 替换元素并保留属性

Question

以下内容几乎可以用 lis 替换 span[data-type="yesno"] 的所有实例，但我还想保留属性、类等。是否有如何以与html相同的方式继承属性？

$('span[data-type="yesno"]').replaceWith(function(){
    return $("<li>", {html: $(this).html()});
})

Answer 1

你必须循环你的元素属性:

$('span[data-type="yesno"]').replaceWith(function(){
   $li = $("<li>", {html: $(this).html()});
   $.each(this.attributes, function(i, attribute){
        $li.attr(attribute.name, attribute.value);
  });
  return $li;
})