jQuery:将内联元素插入DOM

时间:2011-10-08 22:26:51

标签: jquery html dom

我在使用jQuery将内联元素插入DOM时遇到了一些麻烦,因为它被解释为块元素。

以下是一个示例:http://jsfiddle.net/THS8s/

2 个答案:

答案 0 :(得分:1)

如上所述,Firebug将显示状态显示为“内联”。虽然我不太清楚为什么你的例子表现得如此,但一种可能的解决方法是在你的标记中包含一个空白占位符:

<dl id="first">
    <dt>Title</dt>
    <span>&nbsp;</span>
    <dd><a href="#">Click Me</a></dd>

    <div class="clear"></div>
</dl>

使用此标记添加额外的跨度似乎不会遇到同样的问题(至少在Chrome中没有)。

也许您最好总是包括“加载图标”范围,但预设显示:隐藏,仅在必要时显示。

答案 1 :(得分:1)

DL元素的内容模型是:

  

零个或多个组,每个组由一个或多个dt元素组成   然后是一个或多个dd元素。

来源:http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-dl-element

你不能把DIV和SPAN放在那里......