Question

我正在尝试验证我的代码，并且我在这个上下文中不允许Element div作为元素ol的子元素。看起来我不能在ol内部使用div，所以如何在不收到此错误的情况下完成我想要的内容。我希望能够从头到尾都有一个数字列表。我不希望柜台重置。我想潜点列表，因为我希望能够使用jquery在hide和show之间切换。我做了搜索，但我基本上发现这是一个错误，但无法找到其他方法来做到这一点。这是我的代码：

 <!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>

Answer 1

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

<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>
  ...

...等

在此上下文中，元素div不允许作为元素ol的子元素

1 个答案: