JQ或者JS实现换一批

我啦个去 2016-10-10 12:07:15

现在程序调出20个div，只显示8个，其他的隐藏
我想点击“换一批”按钮实现在20个div里面随机显示8个
求大牛帮忙

...全文

575 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

我啦个去 2016-10-11

打赏
举报

可能没表达清楚，我是想刷新出来8个不重复的，并且和之前的不同，不能用数组

当作看不见 2016-10-10

打赏
举报

把div用数组存起来呗，然后随机数组下标，去重取八个

逝_去_的_光_阴 2016-10-10

打赏
举报


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js "></script>
<style type="text/css">
div{
	display: none;
}
</style>
</head>
<body>
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>11</div>
	<div>12</div>
	<div>13</div>
	<div>14</div>
	<div>15</div>
	<div>16</div>
	<div>17</div>
	<div>18</div>
	<div>19</div>
	<div>20</div>
	<button id="changeBtn" type="button">换一批</button>
</body>
</html>
<script type="text/javascript">
	$(function() {
		sjShow();
		$("#changeBtn").click(function(){
			sjShow();
		});
	})
	function sjShow(){
		$("div").hide();
		var showCount=0;
		while(showCount<8){
			var id=Math.floor(Math.random()*20);
			var curDiv=$("div").eq(id);
			if(curDiv.css("display")=="none"){
				curDiv.css("display","block");
				showCount++;
			}
		}
	}
</script>