开发者

move element li into ul with jquery

i'm looking for a solution to move an element that i need to move into a

  • .... im using jquery and i leave here the code i tried with different things but wasn't working it.

    this is the big menu

     <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">UNDERSTAND开发者_如何学运维ING 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> 
    

    and i need to add this li to ul but i need to put in the second place after the first

  • not nested

    <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>
    

    please i need you help

    Thanks in advance


    If you are looking to get a structure like:

    <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>
    

    then, you can use:

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

    It inserts the #faculty list item after the first <li> node inside #sf-menu.

    Learn about all DOM manipulation functions at http://api.jquery.com/category/manipulation/

  • 0

    上一篇:

    下一篇:

    精彩评论

    暂无评论...
    验证码 换一张
    取 消

    最新问答

    问答排行榜