innerHTML方法不能添加单个

Question

我想更改HTML DOM的结构。

$('#tabs').html("<div></div>")

有效。

但我想通过

结束<div>

$('#tabs').html("</div>")

似乎没有任何反应。

我可以通过添加</div> </a>来更改DOM结构吗？

我知道这很有趣。但我仍然想知道为什么单个结束标记不起作用。 JQuery.html和innerHTML API都不会显示结束标记是无效的

Answer 1

您可以在字符串中构建所有内容，然后放入#tabs元素。

$(document).ready(function(){

    var myContent = "<a href=''>something...";
    myContent += "<div>";
    myContent += " ... content here ...";
    myContent += "</div>";
    myContent += "</a>";
    $("#tabs").html(myContent);
});