使用 jquery 将特定字符附加到新的 div 单击函数

Question

我正在制作一款角色扮演游戏，我有 4 个角色供玩家选择。因此，当用户选择角色 #1 时，该角色将移动到新的 div，其余的将移动到不同的 div。我试过 appendTo 但它会移动所有字符，因为它们在相同的 class 下。有什么建议吗？

$(document).ready(function() {
 $(".character_all").on("click", function() {
    var characterSelected = $(".character_all");
    characterSelected.appendTo("#chosen_character");
 });
});

Answer 1

这是您需要的。您只需要为元素使用正确的选择器。

$(document).ready(function() {
 $(".select").on("click", function() {
 $(".select").appendTo("#enemy");
 $(this).appendTo("#appendTo");
 });
});

.div{
  height:50px;
  width:50px;
  background:yellow;
}
label{
  height:20px;
  width:20px;
}
#appendTo{
  background:lightblue;
   height:50px;
  width:50px;
  
}
#enemy{
   background:red;
   height:50px;
  width:50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div">
 <label class="select">
  A
</label>
<label class="select">
  B
</label>
<label class="select">
  C
</label>
</div>
<div id="appendTo">
</div>
<div id="enemy">
  
</div>

让我知道它是否解决了您的问题，如果您遇到任何问题。

希望对您有所帮助:)

使用 jquery 将特定字符附加到新的 div 单击函数

Append specific character to a new div with jquery on click function

html

javascript

css

jquery