猿问

jq 如何判断一个div overflow:hidden 子元素可视个数

<!DOCTYPE html>

<html>

<head>


<meta charset="utf-8">

<title>JSONP 实例</title>

</head>

<body>

<div id="sss" style="height:65px;border:1px solid red;width:500px;overflow:hidden">

<div style="background:black;padding:5px">hahaha</div>

</div>

</body>

<script src="http://cdn.static.runoob.com/...;></script> 

<script>

console.log(Math.ceil(Math.random()*10))

var s = '';

for(var i = 0;i<20;i++){

var n = Math.ceil(Math.random()*10),text='';

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


text += '嗨'

}

s +='<div class="mm" style="border:1px black solid;margin:5px;float:left">'+text+'</div>';

}


$('#sss').html(s);


for(var i=0;i<$('.mm').length;i++){

console.log($('.mm').eq(i).is(':visible'))//这个方法不行

}


</script>

</html>

代码 如上 我想获得在#sss 框中可以看到的div个数,请问如何用jq 实现


慕尼黑5688855
浏览 629回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答