Javascript Jquery追加到x框的金额'；s是按百分比计算的

我有一个网格，如下所示

我还有一个百分比框，可以从0%到100%

我要做的是单击

append

a

div

到一个网格

div

。这很简单，你可以做简单的

我真正希望它做的是点击append到div的x%

所以我有196个div，当我点击时百分比框显示25%，我希望它随机附加到49个div中

就像我说的，我不是在寻找一个代码修复程序，我更希望被推向正确的方向，甚至是一个教程。因为我以前从来没有试过，只是被一个答案打耳光是帮不了我的

var滑块=$（“#mixers.percent mix”）；
var availableTotal=100；
滑块。每个（函数（）{
var init_值=100；
$（this）.sides（'.mix value'）.text（init_值）；
$（this）.empty（）滑块({
值：初始值，
分:0,，
马克斯：可用总数，
射程：“最大”，
步骤：1，
动画：0，
幻灯片：功能（事件、用户界面）{
调试器；
//将显示更新为当前值
$（this）.sides（'.mix value'）.text（ui.value）；
//获取当前总数
var合计=0；
sliders.not（this）.each（function（）{
总计+=$（此）.slider（“选项”、“值”）；
});
合计+=ui.value；
var delta=可用总计-总计；
//更新每个滑块
sliders.not（this）.each（function（）{
调试器；
var t=$（此），
值=t滑块（“选项”、“值”）；
var新值=值+（增量/0）；
如果（新的| u值<0 | | ui.value==100）
新的_值=0；
如果（新值>100）
新的_值=100；
t、 同级（'.mix value'）。文本（新的_值）；
t、 滑块（“值”，新值）；
});
}
});
});




























































































































































var PERCENT = 25; // <-- The value from your % control


var getRandomSelection = function(el, count) {
    return ( $(el).get().sort(function(){ 
                return Math.round(Math.random())-0.5
            }).slice(0, count) );
}

var $divs = $("#the-grid div");
var toAppendCount = $divs.length / 100 * PERCENT;

var randomElements = getRandomSelection($divs, toAppendCount);
$.each(randomElements, function(){
    $(this).append("WHAT!");
});