目前所有单词都会出现，但我希望脚本随机生成 30 个单词中的 12 个
var randomdivs = $("wordstyle").get().sort(function(){
return Math.round(Math.random())-0.5;
}).slice(0,12)
$(randomdivs).show();
这是 30 个单词的列表，我希望脚本从中随机选择 12 个，然后将它们显示在网格中进行文字游戏
<body>
<div class="wordcontainer">
<div id="randomdiv1" value="mat">
<div id="1" class="wordcontainer ui-widget-content wordstyle">m</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">t</div>
</div>
<div id="randomdiv2" value="man">
<div id="1" class="wordcontainer ui-widget-content wordstyle ">m</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv3" value="mum">
<div id="1" class="wordcontainer ui-widget-content wordstyle">m</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">u</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">m</div>
</div>
<div id="randomdiv4" value="mug">
<div id="1" class="wordcontainer ui-widget-content wordstyle">m</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">u</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">g</div>
</div>
<div id="randomdiv5" value="cup">
<div id="1" class="wordcontainer ui-widget-content wordstyle">c</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">u</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">p</div>
</div>
<div id="randomdiv6" value="sin">
<div id="1" class="wordcontainer ui-widget-content wordstyle">s</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv7" value="sun">
<div id="1" class="wordcontainer ui-widget-content wordstyle">s</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">u</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv8" value="pen">
<div id="1" class="wordcontainer ui-widget-content wordstyle">p</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">e</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv9" value="can">
<div id="1" class="wordcontainer ui-widget-content wordstyle">c</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv10" value="pot">
<div id="1" class="wordcontainer ui-widget-content wordstyle">p</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">o</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">t</div>
</div>
<div id="randomdiv11" value="cat">
<div id="1" class="wordcontainer ui-widget-content wordstyle">c</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">t</div>
</div>
<div id="randomdiv12" value="gas">
<div id="1" class="wordcontainer ui-widget-content wordstyle">g</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">s</div>
</div>
<div id="randomdiv13" value="nip">
<div id="1" class="wordcontainer ui-widget-content wordstyle">n</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">p</div>
</div>
<div id="randomdiv14" value="pin">
<div id="1" class="wordcontainer ui-widget-content wordstyle">p</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv15" value="pit">
<div id="1" class="wordcontainer ui-widget-content wordstyle">p</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">t</div>
</div>
<div id="randomdiv16" value="tip">
<div id="1" class="wordcontainer ui-widget-content wordstyle">t</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">p</div>
</div>
<div id="randomdiv17" value="tin">
<div id="1" class="wordcontainer ui-widget-content wordstyle">t</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv18" value="dad">
<div id="1" class="wordcontainer ui-widget-content wordstyle">d</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">d</div>
</div>
<div id="randomdiv19" value="sad">
<div id="1" class="wordcontainer ui-widget-content wordstyle">s</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">d</div>
</div>
<div id="randomdiv20" value="dim">
<div id="1" class="wordcontainer ui-widget-content wordstyle">d</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">m</div>
</div>
<div id="randomdiv21" value="dip">
<div id="1" class="wordcontainer ui-widget-content wordstyle">d</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">p</div>
</div>
<div id="randomdiv22" value="bin">
<div id="1" class="wordcontainer ui-widget-content wordstyle">b</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv23" value="did">
<div id="1" class="wordcontainer ui-widget-content wordstyle">d</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">d</div>
</div>
<div id="randomdiv24" value="mam">
<div id="1" class="wordcontainer ui-widget-content wordstyle">m</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">m</div>
</div>
<div id="randomdiv25" value="map">
<div id="1" class="wordcontainer ui-widget-content wordstyle">m</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">p</div>
</div>
<div id="randomdiv26" value="tan">
<div id="1" class="wordcontainer ui-widget-content wordstyle">t</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">n</div>
</div>
<div id="randomdiv27" value="nap">
<div id="1" class="wordcontainer ui-widget-content wordstyle">n</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">p</div>
</div>
<div id="randomdiv28" value="sip">
<div id="1" class="wordcontainer ui-widget-content wordstyle">s</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">p</div>
</div>
<div id="randomdiv29" value="pip">
<div id="1" class="wordcontainer ui-widget-content wordstyle">p</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">i</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">p</div>
</div>
<div id="randomdiv30" value="sat">
<div id="1" class="wordcontainer ui-widget-content wordstyle">s</div>
<div id="2" class="wordcontainer ui-widget-content wordstyle">a</div>
<div id="3" class="wordcontainer ui-widget-content wordstyle">t</div>
</div>
</div>
</body>
最佳答案
我认为你错过了“。”在你的文字样式类选择器前面。 $("wordstyle") 应该是 $(".wordstyle")，对吗？
有了这个更改，它似乎可以工作(假设样式正确，例如显示:无/ block )。这是我的 jsFiddle 来玩它: http://jsfiddle.net/quant/dhXbG/
关于javascript - 如何让我的脚本从 30 个随机 div 中生成 12 个 - Jquery，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11435291/