如何在一些文本之后立即在jquery中添加div？

Question

我有一个jquery脚本：

$(document).ready(function() {
    $("#timezone").html("sssssss");    
});

和html：

<p>lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum <div id="timezone"></div></p>

到目前为止，结果是：

lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum 

sssssss

但我想拥有它：

lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum sssssss

我该怎么办？ 这是我的小提琴： http://jsfiddle.net/mwfpLqm7/1/

Answer 1

使用span代替div。您不能在p元素中使用div。

<p>lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum <span id="timezone"></span></p>

<强> Fiddle

您的浏览器会在div元素之外输出带有p的html，因为它是无效的HTML标记，无论如何div是块元素。