使用jQuery将2个DIV(登录链接和购物车)移动到最后一个列表项

2023年2月10日 217次阅读

我试图通过移动视图来解决这个问题.我想将帐户导航div和购物车导航div移动到客户支持下面的主要项目中的最后一项.任何帮助将不胜感激.

<div id="account-navigation" class="utility-navigation">          
    <ul>
        <li id="account-menu"><a href="account/" id="MyAccountLink">LOGIN TO MY ACCOUNT</a></li>                        
    </ul>
</div>
<div id="cart-navigation" class="utility-navigation">
    <ul>
        <li><a href="/Cart" class="glyphicon glyphicon-shopping-cart"><span class="badge"></span></a></li>
    </ul>
</div>
<div class="main-navigation">
    <ul class="main-items">
        <li class="main-item"><a href="#">How to Qualify</a></li>
        <li class="main-item"><a href="#">Enroll</a></li>
        <li class="main-item"><a href="#">Customer SUpport</a></li>
    </ul>
</div>

最佳答案 您可以使用appendTo方法移动它们：

$('#account-navigation, #cart-navigation').find('li').appendTo('.main-items');

但请注意,它会将#account-navigation ul和#cart-navigation ul留空.不确定是否要完全删除它们.

点赞