html - 有条件嵌入的嵌套有序列表

Question

我有以下 html，其中我有条件地嵌入了 ol 或 ul。我喜欢看到嵌入列表至少在最终输出中的外观变成一个连续的列表。我可以使用什么样的 CSS 样式来实现这一点？

<ol>
  <li>Coffee
  <! -- embedded unordered or ordered list - begin -->
  <ul>
    <li>Apple</li>
    <li>Orange</li>
    </ul>
  <! -- embedded unordered or ordered list - end -->
  </li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

HTML 输出：

1. Coffee
   . Apple
   . Orange
2. Tea
3. Milk

所需输出：

1. Coffee
2. Apple
3. Orange
4. Tea
5. Milk

Answer 1

您需要使用 Javascript 才能完成此操作。

试试这个 jQuery：

$(function() {
    $('ol li').each(function(index) {
        $('li:has(ul li)').after(this);
    });
});

这是一个小提琴