jQuery元素怎么转字符串（包括子元素），JS也行

Question

$("#d1")转为'<div id="d1"><span></span><input/></div>'

Answer 1

$("#d1")[0].outerHTML

有一个这样的属性符合你的要求~~~

Answer 2

之前不是回答过了吗？
$("#d1")[0].outerHTML 是可以获取到子元素的

Answer 3

如果是要在$("#d1")里面添加“<span></span><input/>”，可以$("#d1").append("<span></span><input/>");

Answer 4

$("#d1")[0].outerHTML不一定所有浏览器都支持。

我之前遇到过类似的问题，解决方法是：

// 比如要获取本页面footer的html
let $target = $('#footer')
let $outer = $('<div>')
$outer.append($target.clone())
let outerHTML = $outer.html()

封装一下：

function getOuterHTML ($target){
    let $outer = $('<div>')
    $outer.append($target.clone())
    return $outer.html()
}

Answer 5

.get(0).outerHtml

Answer 6

$("#d1").html();