主页 / 问题 / 1608084
Accepted
Александр
Asked:2025-03-04 16:52:36 +0000 UTC2025-03-04 16:52:36 +0000 UTC

jQuery。使用嵌套循环创建一副牌的逻辑

  • 772

尝试使用 jQuery 创建一副纸牌。该方法的本质是浏览一系列可用的卡片并按颜色掌握。甲板已插入，但它们都是蓝色的。这是为什么？

    cards = ['2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K', 'A']
    suits = ['black', 'red', 'green', 'blue']
    $(function gf() {
        for(i = 0; i < 13; i++) {
            for(j = 0; j < 4; j++) {
                $('.deck').append(cards[i]).css('color', suits[j])
            }
        }
    })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="deck"></div>

jquery

1 个回答

  1. Best Answer

    该方法.append返回一个添加了元素的集合，以便可以以链式添加多个元素，例如

    $(collection).append(el1).append(el2).append(el3);

    因此，在

    $('.deck').append(cards[i]).css('color', suits[j])

    将颜色添加到容器中.deck

    如果单独的卡片需要颜色，则需要将其包裹在一个元素中，例如span

    cards = ['2','3','4','5','6','7','8','9','10','J','Q','K','A']
    suits = ['black','red','green','blue']
    $(function gf(){
        for(i=0;i<13;i++){
            for(j=0;j<4;j++){
                $(`<span>${cards[i]}</span>`).css('color', suits[j]).appendTo($('.deck'));
            }
        }
    })
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="deck"></div>

    • 3

相关问题