조건부로 내포 된 순서대로 배열 된 목록

Question

나는 ol 또는 ul을 조건부로 포함하고있는 다음 HTML을 가지고 있습니다. 필자는 임베디드리스트가 적어도 최종 출력에서 ​​연속적으로 나타나는 것을보고 싶다. 이것을 달성하기 위해 어떤 종류의 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

당신은 이러한 목표를 달성하기 위해 자바 스크립트를 포함해야합니다.

의 jQuery이 비트 시도해보십시오

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

Here's a fiddle

을