2012-02-06 37 views
3

,比如我有结构是这样的:添加股利各地动态HTML列表内容

<Ul> 
<div>heading</div> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<div>heading</div> 
<li>dynamic content</li> 
<li>dynamic content</li> 
</Ul> 

这里的内容是动态的,我需要周围添加heading包装DIV,跟着内容,像这样

<div class="wrap"> 
<div>heading</div> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
</div> 

回答

0

你在做什么是不正确的标记 ul标签只能包含li标签作为直接孩子

<Ul> 
<li><div>heading</div></li>//Enclose in an li tag 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li><div>heading</div></li>//Enclose in an li tag 
<li>dynamic content</li> 
<li>dynamic content</li> 
</Ul> 

甚至

<div>heading</div> 
<Ul> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
</Ul> 

编辑:

为了结束这一个容器内

<div class="wrap"> 
<div>heading</div> 
<Ul> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
</Ul> 
</div> 
+0

我同意你的任何给定的示例下面是完整的动态....我真的很感激....谢谢 – user1060990 2012-02-06 06:12:32

+0

邮政正是你正在尝试做。只是标记是不够的 – 2012-02-06 06:16:43

+0

至于你说的我已经改变了这样的事情:

  • 标题
  • 动态内容
  • 动态内容
  • 动态内容
  • 标题
现在我想换一个如上所述,容器 – user1060990 2012-02-06 06:26:01

2

而不是使用一个DIV环绕您的LIS考虑增加一个班级的每个LI你希望作为标题出现。

<style> 
.heading 
{ 
font-weight:bold; 
} 
</style> 

<Ul> 
<li class="heading">heading</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
<li class="heading">heading</li> 
<li>dynamic content</li> 
<li>dynamic content</li> 
</Ul> 
0

使它更语义嵌套列表

<Ul class="wrap"> 
    <li>heading 
    <Ul> 
     <li>dynamic content</li> 
     <li>dynamic content</li> 
     <li>dynamic content</li> 
     <li>dynamic content</li> 
     <li>dynamic content</li> 
    </Ul> 
    </li> 
</Ul>