在这种情况下元素div不允许作为元素ol的子元素

我想要验证我的代码，并且我在元素ol的子元素中获取元素div不被允许。看起来我不能在div里面有div，所以我怎么才能完成我想要的而不会出现这个错误。我希望能够从头到尾拥有一个号码列表。我不希望柜台顶部重置。我想潜入列表中，因为我希望能够使用jquery在隐藏和显示之间进行切换。我搜索了，但我基本上发现这是一个错误，但找不到其他方式。这里是我的代码：在这种情况下元素div不允许作为元素ol的子元素

<!DOCTYPE html> 
         <html class="no-js"> 
          <head> 
           <meta charset="utf-8"> 
           <title>Diff It</title> 
           <meta name="description" content="See the difference between your documents"> 
           <meta name="viewport" content="width=device-width"> 
          </head> 
<body> 
<!-- first file --> 
     <div class="file_wrapper"> 
     <h2>Previous Version of Pre.report.txt</h2> 
     <div class="file_inner"> 
     <ol class="ol_counter"> 
<div style="width: 100%" class="block1"><h3> Result </h3> 
<li>++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</li> 
<li></li> 
<li>##############################################################################</li> 
<li># Test 1. </li> 
<li># Test 2. </li> 
<li># Test 3. </li> 
<li># Test 4. </li> 
<li># Test 5. </li> 
<li>##############################################################################</li> 
      </div> 
<div style="width: 100%" class="block2"><h3> Result </h3> 
<li>+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</li> 
<li></li> 
<li>##############################################################################</li> 
<li># Test 1. </li> 
<li># Test 2. </li> 
<li># Test 3. </li> 
<li># Test 4. </li> 
<li># Test 5. </li> 
<li>##############################################################################</li> 
      </div> 
<div style="width: 100%" class="block3"><h3> Result </h3> 
<li>++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</li> 
<li></li> 
<li>##############################################################################</li> 
<li># Test 1. </li> 
<li># Test 2. </li> 
<li># Test 3. </li> 
<li># Test 4. </li> 
<li># Test 5. </li> 
<li>##############################################################################</li> 
</div>    
</ol> 
      </div>                          
       </div> 

</body> 
</html>

来源

2013-12-18 David

将'div'包装在'li'中，否则你不能在列表中包含div div –

应用类的<li>元素的部分，然后隐藏它们，而不是直接hidding的（非法）包含分区：

<ol class="ol_counter"> 
    <li class="section-1">blah</li> 
    <li class="section-1">blah</li> 
    <li class="section-1">blah</li> 

    <li class="section-2">blah</li> 
    <li class="section-2">blah</li> 
    <li class="section-2">blah</li> 
    ...

...等。

来源

2013-12-18 17:55:01 Madbreaks

谢谢，ol下允许使用什么元素，因为我正在尝试跨度，它也给我一个错误。谢谢 – David

在这种情况下元素div不允许作为元素ol的子元素

回答

相关问题