переместить элемент li в ul с помощью jquery

Question

Я ищу решение, чтобы переместить элемент, который мне нужно переместить в

.... я использую jquery, и я оставляю здесь код, который я пробовал с разными вещами, но не работал.

это большое меню

 <ul class="sf-menu">

    <li><a href="">Student Centre</a>
    <ul>
        <li><a href="9">STUDENT CENTRAL WEBSITE</a></li>
        <li><a href="10">STUDENT CENTRAL EMAIL</a></li>
        <li><a href="11">CCM STUDENT SURVIAL TIPS</a></li>
        <li><a href="12">VET TUTTTION ASSURANSE</a></li>
        <li><a href="13">WHAT GOING ON AT CCM</a></li>
        <li><a href="14">IMPORTANT STUDENTS NOTICE</a></li>
    </ul>
    </li>

    <li><a href="">Research</a>
    <ul>
        <li><a href="_16">WHAT IS HOLISTIC KINESIOLOGY ?</a></li>
        <li><a href="_17">TRANF. CHILDREN W/ LEARNING DIFFICULTIES</a></li>
        <li><a href="_18">HEALING WITH HOLISTIC KINESIOLOGY</a></li>
        <li><a href="_19">UNDERSTANDING ASPERGER'S SYNDROME</a></li>
        <li><a href="_20">DAVID CORBY THE DIRECTOR OF CCM</a></li>
        <li><a href="_21">HELPING PEOPLE CREATE THEIR OWN MIRACLES</a></li>
        <li><a href="_22">MAGNESIUM AND COLLOIDAL MINERALS</a></li>
        <li><a href="_23">BRAIN ENERGETICS CHAKRAS AND NADIS</a></li>
        <li><a href="_24">KINESIOLOGY FAQ'S</a></li>'
     </ul>
    </li>
    <li><a href="25">Contact Us</a></li>
    <li><a href="26">A - Z</a></li>

 </ul> 

и мне нужно добавить этот li в ul, но мне нужно поставить второе место после первого

не вложенного

<li id="faculty">
    <a href="#">Faculty Courses </a> 
        <ul>
            <li><a href="">INTENSE SHORT COURSES</a><ul>
            <li><a href="_59">CRYSTAL KINESIOLOGY ONE</a></li>
            <li><a href="_60">APPLIED PHYSIOLOGY</a></li>
            <li><a href="_61">VIBRATIONAL HEALING SYSTEMS 1</a></li>
            <li><a href="_62">VIBRATIONAL HEALING SYSTEMS 2</a></li>
            <li><a href="_63">VIBRATIONAL HEALING SYSTEMS 3</a></li>
            <li><a href="_64">VIBRATIONAL HEALING SYSTEMS 6</a></li>
            <li><a href="_65">NUTRITIONAL KINESIOLOGY</a></li>
            <li><a href="_66">QUANTUM HARMONICS</a></li><li><a href="_67">CHAKRA HOLOGRAM</a></li>
            <li><a href="_68">CLINICAL APPLICATIONS OF KINESIOLOGY</a></li>
            <li><a href="_69">COUNSELLING KINESIOLOGY</a></li>
            <li><a href="_70">HARMONISING CHI FLOW</a></li>
         </ul>
         </li>
         <li><a href="=53">FREE INTRUCTION COURSE DAYS</a>
            <ul>
                <li><a href="=53_56">HOLISTIC KINESIOLOGY</a></li>
                <li><a href="=53_57">TRANSPERSONAL COUNSELLING</a></li>
                <li><a href="=53_58">SHAMMANISM &amp; TRANSFORMATIONAL MASK</a></li>
            </ul>

            </li>


            <li><a href="=50">DIPLOMA MASK AND TRADITIONAL HEALING</a></li>
            <li><a href="=43">DIPLOMA TRANSPERSONAL ART THERAPY</a></li>
            <li><a href="=42">DIPLOMA HOLISTIC KINESIOLOGY</a></li>
            <li><a href="=47">ADVANCE DIPLOMA HOLISTIC KINESIOLOGY</a></li>
            <li><a href="=48">DIPLOMA DINAMIC AND FUNCTIONAL</a></li>
            <li><a href="=49">CERTIFICATE MASK AND TRADITIONAL HEALING</a></li>
            <li><a href="=51">DIPLOMA TRANSPERSONAL COUNSELLING</a></li>
            <li><a href="=52">STUDENT CLINICS</a></li>
        </ul>

 </li>

пожалуйста, мне нужна ваша помощь

Заранее спасибо

Answer 1

Если вы хотите получить структуру вроде:

<ul class="sf-menu">
    <li>Student Center ...</li>
    <li>Faculty Courses ...</li> <!-- Inserted here -->
    <li>Research ...</li>
    <li>Contact Us</li>
    <li>A - Z</li>
</ul>

тогда вы можете использовать:

$("#faculty").insertAfter(".sf-menu > li:first");​

Вставляет элемент списка #faculty после первого узла <li> внутри #sf-menu.

Узнайте обо всех функциях манипулирования DOM на http://api.jquery.com/category/manipulation/