如何在P或span标签中附加ul标签？

运行以下jQuery:

$('body').append('
test
');

我希望这个:

  
    

      
test
    
  

但结果如下:

  


  
test

为什么ul标签突破了span和p？这是有效的HTML标记.

*更新*

p标签似乎是问题所在.如果您运行以下内容:

$('body').append('
test');

然后

  

    
test
  

会正确生成.

如何将

标签附加到

或？

你不能,这是无效的.所以你看到的是浏览器试图重新排列它以使其有效.

span元素的内容模型(例如,它们允许在其中具有的内容)是" 短语内容 "(类似的东西em).(p元素相同.)ul元素仅在需要" 流内容 "(如段落和div)的情况下有效.

要解决它,不要试图把ul一个span或一个内部p.您可以删除span与p和使用div,例如:

$('body').append('
test
');

...或者直接使用ul它而不用它周围的包装.

重新更新:

如果将以下标记添加到html文档

...

然后在您喜欢的浏览器中打开页面,它将正确打开.试试吧!

当然 - 因为浏览器会重新排列它.例如,这个片段:

  
    

      
test