JQuery와 메뉴가 UL LI 삽입

Question

I는 CMS의 메뉴 삽입을 준수하고 (소스 코드가 필요 없다) 때문에,이 메뉴는 내가 시도 할 필요가 무엇

<li class="dir dgn-root Item-2"> 
    <a href="#" title=""><span>Menu1</span></a><div class="mega_submenu Column2 Column3" style="display: none;"> 
<ul class="mega_submenu_ul"> 
    <li> 
     <ul> 
     <li class=" first-item SunItem-1"> 
     <a href="#" title="Templates"> 
      <span>Templates</span> 
     </a> 
     </li> 
     <li class=" SunItem-2"> 
      <a href="#" title="Questions and Answers"> 
      <span>Questions and Answers</span> 
      </a> 
     </li> 
     <li class=" SunItem-3"> 
      <a href="#" title="Template Package"> 
       <span>Template Package</span> 
      </a> 
     </li> 
     <li class=" SunItem-4"> 
      <a href="#" title="Silver Package"> 
       <span>Silver Package</span> 
      </a> 
     </li> 
    </ul> 
    </li> 
    <li> 
    <ul> 
     <li class=" SunItem-5"> 
      <a href="#" title="Gold Package"> 
       <span>Gold Package</span> 
      </a> 
     </li> 
     <li class=" SunItem-6"> 
      <a href="#" title="Platinum Package"> 
       <span>Platinum Package</span> 
      </a> 
     </li> 
     <li class=" SunItem-7"> 
      <a href="#" title="Features"> 
       <span>Features</span> 
      </a> 
     </li> 
     <li class=" last-item SunItem-8"> 
      <a href="#" title="Portfolio"> 
       <span>Portfolio</span> 
      </a> 
     </li> 
    </ul> 
    </li> 
    </ul> 
    </div> 
    </li> 

모양을하고 할

입니다

이 지금 모습입니다 :

<li class=" last-item SunItem-8"><a href="#><span>Blah</span></a></li> 

하지만처럼 보이는, 그래서 나는, jQuery를하거나 자바 스크립트이 전에 몇 HTML 요소를 삽입해야합니다

</li></ul><li><ul> 

그래서 다음과 같이 표시됩니다

이 어떤 도움에 감사드립니다

</li></ul><li><ul><li class=" last-item SunItem-8"><a href="#><span>Blah</span></a></li> 

, 내가

  $(document).ready(function(){ 
      $("img").before("<ul><li><b>Before</b></li></ul>"); 
     }); 

을 시도했지만이 작동하지 않는 것, 나는이

을 시도

<script> 
    (function() { 
     var lastItem = $("li.SunItem-8"); 
     var currentList = lastItem.closest('ul'); 
     var newList = $("</ul></li><li><ul>"); 
     newList.insertAfter(currentList); 
     newList.append(lastItem); 
    })(); 
    </script> 

이것은 텍스트를 복제 한 것으로 보이며 예상대로 HTML 태그를 실제로 형성하지 않습니다. html 위의 스크립트를 삽입하면 출력이 이렇게 보입니다.

<li> 
    <ul> 
    <li class=" SunItem-5"> 
    <a href="http://gentex/website-packages/gold-package.aspx" title="Gold Package"> 
    <span>Gold Package</span> 
    </a> 
    </li> 
    <li class=" SunItem-6"> 
    <a href="http://gentex/website-packages/platinum-package.aspx" title="Platinum Package"> 
    <span>Platinum Package</span> 
    </a> 
    </li> 
    <li class=" SunItem-7"> 
    <a href="http://gentex/website-packages/cms-features.aspx" title="CMS Features"> 
    <span>CMS Features</span> 
    </a> 
    </li> 
    </ul> 
    <li> 
    <ul> 
    </ul> 
    <li class=" last-item SunItem-8"> 
    <a href="http://gentex/website-packages/portfolio.aspx" title="Portfolio"> 
    <span>Portfolio</span> 
    </a> 
    </li> 
    <li class=" SunItem-8"> 
    <a href="http://gentex/website-packages/portfolio.aspx" title="Portfolio"> 
    <span>Portfolio</span> 
    </a> 
    </li> 
    <li class=" last-item SunItem-8"> 
    <a href="http://gentex/website-packages/portfolio.aspx" title="Portfolio"> 
    <span>Portfolio</span> 
    </a> 
    </li> 
    </li> 
    </li> 

Answer 1

HTML로 작업하지 않으므로 태그를 삽입 할 수 없습니다. 요소를 제거하고 해당 요소가있는 새 목록을 추가해야합니다.