创建子标签&；它们的类在JavaScript中动态地通过给定的数组

我想知道在JS中有多少种方法可以从给定的数组中创建子标记及其类名，例如

array=['one'，'two'，'three'，'four'，'five']

。 如果我说得更具体一些，我已经通过JS创建了主标记，即

类组的
..

`let displayCards = document.querySelector('.deck');
 for (i=0; i < symbols.length; i++) {
    let cards = document.createElement('li');
    cards.classList.add('card');
    displayCards.appendChild(cards);
 }`

`let displayCards=document.querySelector（'.deck'）；
对于（i=0；i

这就是我想要的最终结果：

<ul class="deck">
    <li class="card">
        <i class="one"></i>
    </li>
    <li class="card">
        <i class="two"></i>
    </li>
    <li class="card">
        <i class="three"></i>
    </li>
</ul>

那么…有多少种方法可以创建上述数组的所有

class-card

的子标签和子类呢。

---

非常感谢

这是你能做的，就像你已经尝试过的一样

Html:

JS:

$（文档）.ready（函数（）{
变量符号=['1'，'2'，'3'，'4'，'5']
让displayCards=document.querySelector（'.deck'）；
对于（i=0；i

我不明白你想要的最终结果是什么？请提供你真正需要什么这是我想要的最终结果。感谢

/ul>

嘿，很抱歉耽搁了，我刚刚发布了我的答案，请看一看，并让我知道它是否有效。嗨，泽山……我稍后会检查它……谢谢

 <ul class="deck">
 </ul>

             <script>
              $(document).ready(function () {
                    var symbols = ['one', 'two', 'three', 'four', 'five']
                    let displayCards = document.querySelector('.deck');
                    for (i = 0; i < symbols.length; i++) {
                          let cards = document.createElement('li');
                          cards.classList.add('card');
                          let childCard = document.createElement('i');
                          childCard.classList.add(symbols[i]);
                          childCard.innerHTML += symbols[i];
                          cards.appendChild(childCard);
                          displayCards.appendChild(cards);
                    }
              });

        </script>