jquery - 如何在 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

我该怎么做？ 这是我的 fiddle : 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

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