追加特定字符到一個新的div與jquery點擊功能

我正在做一個RPG遊戲，我有4個角色供玩家選擇。所以當用戶選擇字符＃1時，該字符將移動到一個新的div，其餘的字符將移動到不同的div。我嘗試過appendTo，但它會移動所有的角色，因爲它們在同一個類下。任何建議？追加特定字符到一個新的div與jquery點擊功能

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

來源

2017-02-22 skyeyl

您需要爲每個字符分配一個特定的ID，並根據其唯一ID選擇它們。哦，歡迎來到Stack Overflow。 – JakeParis

我會試試。謝謝傑克！ – skyeyl

這是您需要的。你只需要爲元素使用正確的選擇器。

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

讓和我知道，如果它解決您的問題，如果你面對任何問題。

希望它有幫助:)

來源

2017-02-22 03:30:58 Manish

嘿Manish，它的工作。非常感謝。那麼現在，如果我想將角色的其餘部分移動到敵方格子上，我會這樣做嗎？ – skyeyl

好的，所以你希望選定的人移動到不同的股利，並休息移動到不同的權利。已經更新了答案看看。並將它標記爲答案，如果它解決了你的問題:) – Manish

完美的，如果我想第三次追加到另一個div，用if和else語句使用for循環更好嗎？另外，如何標記爲答案？對不起，我還是新的與stackoverflow。感謝您的幫助 – skyeyl

追加特定字符到一個新的div與jquery點擊功能

回答

相關問題