Question

所以，如果你愿意的话，这是我的问题。我在div类中有6个项目，对应3个类别像这样的东西

class ="boat"
class ="car"
class ="bike"
class ="blueboat"
class ="redcar"
class ="greenbike"

所以有一个.addClass的jquery / javascript方法，当有人点击按钮时＃34;随机化＆＃34;它会将类.mine添加到3个类别中的每一个，即blueboat.mine和redcar.mine以及bike.mine，但不会boat或car或{{1因为它们属于同一类别？

或者另一种情况而不是greenbike使用jquery / javascript所以当＆＃34; Randomize＆＃34;单击以随机显示6个项目中的3个，每个类别.addClass，boat，car中的一个，并隐藏其余bike，blueboat，{{ 1}}。在这种情况下，当文档准备就绪时，所有6个项目都在页面上，但随机化只有3个项目在每个类别中保留一个。

如果有任何想法或需要进一步澄清任何帮助，请告诉我非常感谢。

谢谢你 -david

编辑：也许此图片有助于https://dl-web.dropbox.com/get/rand.jpg?w=fc89ef22 我在这些类别中添加了三个类别A / B / C我有三个项目，A）汽车，船，自行车B）狗，猫，鼠标C）Apple，Orange，Kiwi ..所以当用户点击Randomize它随机选择一个每个类别（A，B，C）中的项目，并将类.mine添加到每个类别。所以我随机并获得汽车，狗，橙（.mine）每个。然后我再次点击随机化并获得其他东西即：船，鼠标，奇异果这个想法可能只有27种组合...我希望这可以澄清我的意图......希望它不会使问题复杂化。 < / p>

Answer 1

可能有助于DEMO

<强>更新

您可以使用toggle查看EXAMPLE

Answer 2

请澄清一下，如果课程有6个项目，这三个类别是什么

让那里的类别意味着3个类，“自行车”，“船”，“汽车”，对于专业化你应该添加特定的类，如“红色自行车”，而不是“红色自行车”

根据我的假设，这就是答案，

function (){
   var category = ["car" , "boat" , "bike"];
   for( var i = 0 ; i < 3 ; i++){
    var rand = Math.floor( Math.random() * 2);
    $( "div#id ." +  category[i]).eq(rand).addClass("highlight"); 
   }
   }

Answer 3

看看Demo

在这里，我更改 divs 的背景颜色，其中包含car，bike和boat

<强> Reference

Jquery在类别中随机化

3 个答案: