jquery - 用数组中的字符串填充 div

Question

我想让 div 随机填充存​​储在 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"]

每个单元格都应该随机填充水果，但我坚持正确迭代并为每个单元格选择随机值。这段代码显然不起作用:

$.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)])
})