时间戳

首页 > 解决方案 > 如何为每个循环生成的 PHP 循环的每次迭代从列表中选择一个随机变量？

javascript - 如何为每个循环生成的 PHP 循环的每次迭代从列表中选择一个随机变量？

问题描述

每次我的 php 代码循环时，它都会为购物车项目创建一张新卡。我想从每张不同卡片的列表中随机选择卡片的背景颜色。

我添加了脚本来选择随机颜色，jquery 选择了卡片，但它只更改了循环的第一项，其余的不受 jquery 的影响。

HTML + PHP：

<?php foreach($sArray as $sizeString){ ?>
div id="item_card" class = "cart_item_wrapper" >
<?php } ?>

脚本：

var colors = ['#ff0000', '#00ff00', '#0000ff'];
var random_color = colors[Math.floor(Math.random() * colors.length)];
$('#item_card').css('background-color', random_color);

所以，这只影响第一个项目卡，我希望从“颜色”变量中随机选择每张卡的颜色。谢谢你。

标签： javascriptphpjquery

解决方案

PHP：

div class="cart_item_wrapper item_card"

JS：

$('.item_card').css('background-color', random_color);

我知道，对吧？

推荐阅读