用数组中的字符串填充div

Question

我想让divs随机填充存​​储在jquery数组中的文本.我的HTML看起来像

<div class="row">
    <div class="cell">&nbsp;</div>
    <div class="cell">&nbsp;</div>
    <div class="cell">&nbsp;</div>
    <div class="cell">&nbsp;</div>
    <div class="cell">&nbsp;</div>
</div>

在我的jQuery中,我有一个看起来像的数组

var fruits = ["Apple", "Pear", "Orange"]

每个单元格应该随机填充一个水果,但我坚持正确迭代并用类单元格挑选每个div的随机值.这段代码显然不起作用:

$.each(fruits), function(fruit) {
    var fruit = fruits[Math.floor(Math.random()*fruits.length)];
    $('.row .cell').text(fruit);
}

如何使随机猜测恰好发生5次并正确填充div？

Answer 1

试试这个

$('.cell').each(function(){
   $(this).text(fruits[Math.floor(Math.random()*fruits.length)])
})