Question

我无法弄明白的东西。

创建6张牌DOM代码的代码：有两面：

 <div class="cards">
     <div class="card">
        <div class="face front"></div>
        <div class="face back"></div>
  </div>

Jquery的：

for(var i=0;i<5;i++){
  $(".card:first-child").clone().appendTo("#cards");
}

$("#cards").children().each(function(index) {
  $(this).find(".back").addClass(pattern);

代码工作正常，但似乎我只克隆“卡”的第一个孩子！为什么克隆所有其他卡片的“face .back”元素，让我通过jquery来解决它，它不应该被克隆。是吗？

感谢

Answer 1

您需要修改选择器，以便在.card中查找第一个子.cards元素，否则它将克隆任何.card元素，这是其容器的第一个子元素 - 在第一次加入后会有多个。试试这个：

for(var i = 0; i < 5; i++) {
    $(".cards .card:first-child").clone().appendTo("#cards");
}

Jquery Card Game第一个孩子并克隆错误

1 个答案: