jquery动画：点击按钮，div中img向下一个div移动

[azmdssyy]

<div class="lz" id="lz-yd">
<div class="li1 cur"></div>
<div class="li2"></div>
<div class="li3"></div>
<div class="li4"></div>
<div class="li5"></div>
<div class="li6"></div>
<div class="li7"></div>
</div>
<div class="step-2">
<a class="st1" id="one-up" href="javascript:void(0)" title="" target="_self"></a>
<a class="st2" id="tow-up" href="javascript:void(0)" title="" target="_self"></a>
</div>

详细描述：
1.点击 #one-up , #lz-yd .cur 向下移动1个位置，也就是到达.li2的位置；再次点击，从.li2的位置到达.li3的位置，直至到达li7的位置结束；
2.点击 #two-up , #lz-yd .cur 向下移动2个位置，也就是到达.li3的位置；再次点击，从.li3的位置到达.li5的位置，直至到达li7的位置结束；

用jquery怎么写呢？求详细完整代码~

[chinaskysun]

	$("#one-up").click(()=>{
		let target = $(".cur").next()
		target.insertBefore($(".cur"))
	})
	$("#tow-up").click(()=>{
		let target = $(".cur").prev()
		target.insertAfter($(".cur"))
	})

动画做不来，效果在这里

[azmdssyy]

引用 1 楼 chinaskysun 的回复:

	$("#one-up").click(()=>{
		let target = $(".cur").next()
		target.insertBefore($(".cur"))
	})
	$("#tow-up").click(()=>{
		let target = $(".cur").prev()
		target.insertAfter($(".cur"))
	})

动画做不来，效果在这里

[face]qq:1.gif [/face]不起效果呢~

[chinaskysun]

<script crossorigin="anonymous" integrity="sha384-LVoNJ6yst/aLxKvxwp6s2GAabqPczfWh6xzm38S/YtjUyZ+3aTKOnD/OJVGYLZDl" src="https://lib.baomitu.com/jquery/3.5.0/jquery.min.js"></script>
<div class="lz" id="lz-yd">
    <div class="li1 cur">1</div>
    <div class="li2">2</div>
    <div class="li3">3</div>
    <div class="li4">4</div>
    <div class="li5">5</div>
    <div class="li6">6</div>
    <div class="li7">7</div>
</div>
<div class="step-2">
    <a class="st1" id="one-up" href="javascript:void(0)" title="" target="_self">11</a>
    <a class="st2" id="tow-up" href="javascript:void(0)" title="" target="_self">22</a>
</div>
<script>
    $("#one-up").click(() => {
        let target = $(".cur").next()
        target.insertBefore($(".cur"))
    })
    $("#tow-up").click(() => {
        let target = $(".cur").prev()
        target.insertAfter($(".cur"))
    })
</script>

新建一个页面，把所有代码放里面

[azmdssyy]

引用 3 楼 chinaskysun 的回复:

<script crossorigin="anonymous" integrity="sha384-LVoNJ6yst/aLxKvxwp6s2GAabqPczfWh6xzm38S/YtjUyZ+3aTKOnD/OJVGYLZDl" src="https://lib.baomitu.com/jquery/3.5.0/jquery.min.js"></script>
<div class="lz" id="lz-yd">
    <div class="li1 cur">1</div>
    <div class="li2">2</div>
    <div class="li3">3</div>
    <div class="li4">4</div>
    <div class="li5">5</div>
    <div class="li6">6</div>
    <div class="li7">7</div>
</div>
<div class="step-2">
    <a class="st1" id="one-up" href="javascript:void(0)" title="" target="_self">11</a>
    <a class="st2" id="tow-up" href="javascript:void(0)" title="" target="_self">22</a>
</div>
<script>
    $("#one-up").click(() => {
        let target = $(".cur").next()
        target.insertBefore($(".cur"))
    })
    $("#tow-up").click(() => {
        let target = $(".cur").prev()
        target.insertAfter($(".cur"))
    })
</script>

新建一个页面，把所有代码放里面

点击#one-up #two-up 都要想下跑 one-up是向下跑1个位置 two-up向下跑2个位置

[chinaskysun]

let target = $(".cur").next()//跳一个 if(target.next()){//看看能不能在跳一个 target = target.next()//发现可以再跳一个 }