クリック機能でjqueryを使って新しいdivに特定の文字を追加する

Question

RPGゲームを作っていますが、プレイヤーが選択できる4文字があります。したがって、ユーザーが文字＃1を選択すると、その文字は新しいdivに移動し、残りの文字は別のdivに移動します。私はappendToを試しましたが、同じクラスの下にあるので、すべての文字を移動します。なにか提案を？

$(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"); 
 
\t $(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>

それはあなたの問題を解決し、あなたはすべての問題に直面している場合なら、私に教えてください。

希望します。