Question

jquery中怎样获取css中display属性值为block的元素

<div id="img1" name="hh">
<img class="img1" src="./img/001.jpg"/>
</div>
<div style="display:none" id="img23">
<img class="img2" src="./img/002.jpg"/>
<img class="img2" src="./img/003.jpg"/>
</div>
<div style="display:none" id="img4">
<img class="img4" src="./img/004.jpg"/>

</div>

Answer 1

1、使用标签获取元素数组

2、遍历数组

3、判断每一个元素，找出css("display")为block的元素

具体代码如下：

 $(function(){
     //取出所有div，并遍历
     $("div").each(){
         //判断每一个div，其css中display是否为block
         if($(this).css("display")=="block"){
             alert('您想要的元素');
         }
     };
 });

Answer 2

这样即可：$("#img23").css('display')
原生JS的写法：document.getElementById("img23").style.display

Answer 3

$("#img123").css("display","block");

也可以用js写：
document.getElementById("img123").style.display="block";

Answer 4

看你写的dom应该是希望找到那个div是显示的，可以用 $('div:visible').index()，个人建议给你想判断的div加上相同的类

Answer 5

Vue实践-CSS样式position/display/float属性对比使用