如何测试div ID中是否包含类

Question

我正在制作一个简单的口袋妖怪纸牌游戏，用于对训练营进行编码，当玩家单击任何一个口袋妖怪ID（#pikachu，#squirtle等）时，它会出现在一个名为{ {1}}，点击的下一个口袋妖怪ID应该出现在#playerArea中。我需要测试#defenderArea中是否有共享.pokemon类的元素，以使单击的下一个口袋妖怪出现在#playerArea

中

HTML和以下脚本（不包括CSS）

#defenderArea

我应该使用if / else语句来测试playerArea还是应该使用if / else来查看是否单击了ID？

Answer 1

//find a count of how many pokemon are children of the playerArea
if( $('#playerArea').find('.pokemon').length > 0 ) {
  //put pokemon in defender area
}

Answer 2

您可以使用一个单击处理程序（基于良好的选择器）执行此操作，使用this来了解单击了哪个口袋妖怪，并使用三元运算符（再次在单击处理程序 之内）决定将其附加到以下位置：

$(document).ready(function() {
    $('#selectionArea .pokemon').click(function() {  
        $(this).appendTo($('#playerArea .pokemon').length ? "#defenderArea" : "#playerArea");
    });
});