Javascript 使用jquery将子菜单向右对齐

我有html代码

<div id="menu">
<ul class="menu">
            <li><a href="#" class="parent"><span>Product Info</span></a>
        <div class="columns two">
            <ul class="one">
                <li><a href="#"><span>Sub Item 1.1</span></a></li>
                <li><a href="#"><span>Sub Item 1.2</span></a></li>
                <li><a href="#"><span>Sub Item 1.3</span></a></li>
                <li><a href="#"><span>Sub Item 1.4</span></a></li>
                <li><a href="#"><span>Sub Item 1.5</span></a></li>
                <li><a href="#"><span>Sub Item 1.6</span></a></li>
                <li><a href="#"><span>Sub Item 1.7</span></a></li>
                <li><a href="#"><span>Sub Item 2.1</span></a></li>
                <li><a href="#"><span>Sub Item 2.2</span></a></li>
                <li><a href="#"><span>Sub Item 2.3</span></a></li>
                <li><a href="#"><span>Sub Item 2.4</span></a></li>
                <li><a href="#"><span>Sub Item 2.5</span></a></li>
                <li><a href="#"><span>Sub Item 2.6</span></a></li>
            </ul>
        </div>
    </li>
</ul>

---

在这种情况下，所有子菜单将依次显示。我想要jquery代码，这样我就可以对齐子菜单，这样子菜单项超过3个时，它就会向右对齐。例如，如果我有6个子菜单，前3个应该在第一列中，下3个应该在下一列中，依此类推。。请帮助我编写代码，在tour

jquery

中包含以下代码行，以获得所需的输出

if($('.one').children().length>3){
    $('.one li').css('float','left');
    $('.one li:nth-child(3n+1)').css('clear','both');
}

试试这个代码

 if($('.one').children().length>3){
 $('.one li').css('float','left');
 $('.one li:nth-child(3n+1)').css('clear','both');
 }

在加载功能内

    $(window).load(function () {
   // Your function....
    }); 

或

---

而你的jquery尝试了？？？？？我只是从中复制了代码。我想要相同的功能。但是当子菜单的数量增加时，它会自动对齐..我已经把这样的代码放在了头部。但不起作用。$（document）.ready（function（）{if（$（'.one'）.children（）.length>3）{$（'.one-li'）.css（'float'，'left'）；$（'one-li:nth child（3n+1'））.css（'clear'，'both'）；}）；请协助

    $(document).load(function () {
   // Your function....
    });