javascript - 使用 jquery on click 函数将特定字符附加到新的 div

Question

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

$(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>

如果它能解决您的问题以及您遇到任何问题，请告诉我。

希望对您有所帮助:)