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

时间:2013-08-14 02:53:21

标签: html list nested

我有以下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

1 个答案:

答案 0 :(得分:0)

您需要参与Javascript才能完成此任务。

试试这个jQuery:

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

Here's a fiddle