我试图用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');
});
2条答案
按热度按时间blmhpbnm1#
这对你有用吗?
pcww981p2#
你的问题是你已经硬编码了要移动的元素,而不是使用相对位置。实际上是说“让它完全像这样”,而不是“把第一个移到最后”(我相信这就是你试图做的)。
你可以选择第一个不同的方式,这里有一个:
使用
.appendTo(".player1")
和this会将元素 * 移动 * 到末尾-所以总是将第一个元素移动到末尾,你就得到了“continuously appendTo”。如果你有3个,那么第一个元素每次都会移动到末尾。这与“交换位置”稍有不同,但在只有2个时具有相同的效果。
更新的程式码片段:
第一次