javascript - 如何根据给定的字母数量创建特定数量的 div？

Question

    function everything() {
      var words = ["dog", "coat", "cough", "coffee"] 
      var rand = words[Math.floor(Math.random() * words.length)];
      var single = rand.split("");
      var box = $("<div>" + single + "</div>");
      $("body").append(box);         
    }

我想知道如何根据选择的随机单词的字母数量创建单独的 div 数量。

如何将所选单词的每个字母放入其单独的 div 框中？

Answer 1

最简单的方法是拆分然后再次加入:

var single = '<div>' + rand.split('').join('</div><div>') + '</div>';