Question

I have a ul li menu im using english version and arabic version. Now when in arabic version the menu must be in reverse order how can we acheive that my code is

 <ul id="menu">
        <li><a href="../Default.aspx">
            <img src="../images/logoheader.png" height="24px" alt="Home" /></a></li>
        <li><a href="../Lgs.aspx?confirm=1">
            <%=Resources.Fields.lgs%></a> </li>
        <li><a href="../CustomPage.aspx?Pid=2">
            <%=Resources.Fields.aboutus%></a> </li>
        <li><a href="../Login.aspx?confirm=1">
            <%=Resources.Fields.login%>
        </a><a href="../Signup.aspx?confirm=1">
            <%=Resources.Fields.register%></a> </li>
            <li><a href="#">
                <%=Resources.Fields.more_new%></a></li>
    </ul>

this will show like this
Home | Lgs | AboutUs | Login | Signup | More

i want to reverse it like this in javascript

More | Signup | Login | Aboutus | Lgs | Home

Answer 1

You will have to add jquery and use following in the body

 ul = $('#menu'); // your parent ul element
ul.children().each(function(i,li){ul.prepend(li)});