jquery 当我点击一个按钮时,如何继续使用appendTo()?

rnmwe5a2  于 2022-12-03  发布在  jQuery
关注(0)|答案(2)|浏览(154)

我试图用Jquery反转div,当我点击一个按钮时,div将反转并切换位置
第一个
每当点击该按钮时,div_p1 b将移动到div_player 1-a,并且div_p1 a也将移动到div_player 1-b。
这是我的jquery代码,div只移动一次,当我再次单击时不会再次移动。

$('#score_kiri').click(function() {
        $('#player_kiri').val(i++);
        $('.p1a').appendTo('.player1-b');
        $('.1a').appendTo('.player1-b');
        $('.p1b').appendTo('.player1-a');
        $('.1b').appendTo('.player1-a');
        
        $('.p1a').append('.player1-b');
        $('.1a').append('.player1-b');
        $('.p1b').append('.player1-a');
        $('.1b').append('.player1-a');
    });
blmhpbnm

blmhpbnm1#

这对你有用吗?

$(document).ready(function() {
  $('#score_kiri').click(function() {
    $('.player1-a .pemain').appendTo('.player1-b');
    $('.player1-b .pemain').appendTo('.player1-a');
  });
});
pcww981p

pcww981p2#

你的问题是你已经硬编码了要移动的元素,而不是使用相对位置。实际上是说“让它完全像这样”,而不是“把第一个移到最后”(我相信这就是你试图做的)。
你可以选择第一个不同的方式,这里有一个:

$(".player1 > div").first()

使用.appendTo(".player1")和this会将元素 * 移动 * 到末尾-所以总是将第一个元素移动到末尾,你就得到了“continuously appendTo”。如果你有3个,那么第一个元素每次都会移动到末尾。
这与“交换位置”稍有不同,但在只有2个时具有相同的效果。
更新的程式码片段:
第一次

相关问题