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

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);
    });
});

Here's a fiddle