jquery,随机获取0-40 其中一个数 如何实现

jquery,随机获取0-40 其中一个数 如何实现,第1张

方法:

$(function(){var val = mathrandom()100;

var sval = mathfloor(val);

if(sval <40 ){alert(sval); }})

jquery给一个DIV设置坐标方法:jquery中设置div的坐标位置的方法是通过offset实现的。

1、获取到div对象并且获取到当前偏移位置

var p = $("#elementId");对象。var offset = poffset(); 位置。

2、设置坐标位置,一般之关系距离顶部和左部的坐标:$("#secondElementId")offset({ top: offsettop, left: offsetleft})

var qujian = [100,200,300,500];

var shuju =[262,44,66,55,787,151,544,32,111,21,225,6545,6654,2245,22,34,656,54,455,266,544,87,355,365,365];

qujian = [0]concat(qujian);

var data = {}

for(var i = 0;i < qujianlength - 1;i++){

for(var j = 0;j < shujulength; j++){

if(shuju[j]>=qujian[i] && shuju[j]<=qujian[i+1]){

var key = qujian[i]+'-'+qujian[i+1];

data[key] = data[key] || [];

data[key]push(shuju[j]);

}

}

}

consolelog(data);

//以下是输出结果

0-100: (9) [44, 66, 55, 32, 21, 22, 34, 54, 87]

100-200: (2) [151, 111]

200-300: (3) [262, 225, 266]

300-500: (4) [455, 355, 365, 365]

基本思路:遍历select下的option,使用val()获取每个option的值,然后加入到一个数组中。根据这个思路,可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码:

$("option")map(function(){return $(this)val();})get()join(", ")

代码说明:

使用map()函数把每个option的值传递到当前匹配集合,生成包含返回值的对象;

使用 get() 处理返回的对象以得到基础的数组;

使用join()函数组装字符串。

实例演示如下:

1、HTML结构

<select id="test">

<option value="option-1">option-1</option>

<option value="option-2">option-2</option>

<option value="option-3">option-3</option>

</select><br>

<input type="button" value="获取所有option值">

2、jquery代码

$(function(){

$(":button")click(function() {

var str = $("#test option")map(function(){return $(this)val();})get()join(", ")

alert(str);

});

});

3、效果演示

1、siblings(),可以返回元素的所有同胞元素。

2、next(),可以获取到当前元素的下一个同胞元素。

3、nextAll(),可以获取到当前元素的所有跟随的同胞元素。

4、nextUntil(),可以获取到介于两个元素之间的所有跟随的同胞元素。

5、prev(),可以获取到当前元素的前一个同胞元素。

6、prevAll(),可以获取到当前元素的所有之前的同胞元素。

7、prevUntil(),可以获取到介于两个元素之间的所有之前的同胞元素。

以上就是关于jquery,随机获取0-40 其中一个数 如何实现全部的内容,包括:jquery,随机获取0-40 其中一个数 如何实现、jquery如何循环出下列数据区间的个数、jQuery怎么获取Select的option个数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10090696.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存