Jquery如何按z-index属性值查询出对象?


Jquery如何按z-index属性值查询出对象?如查处所有z-inde为1的对象。

2 个解决方案

#1


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function init(){
var a=document.getElementsByTagName("*");
for(var i=0;i<a.length;i++){
if(a[i].style.zIndex==1){
alert(a[i].id);
}
}
}
window.onload=init;
</script>
</head>

<body>
<div style="z-index:1" id="t1">1</div>
<div style="z-index:2" id="t2">2</div>
<div style="z-index:1" id="t3">1</div>
</body>
</html>

#2


用这个属性:$("[style*='z-index:1']")

例子:

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>无标题文档</title>
<script type="text/javascript" src="jquery1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $("#button").click(function(e) {
        $("[style*='z-index:1']").hide()
    });
});
</script>
</head>
<body>
<div style="z-index:1" id="div1">1</div>
<div style="z-index:2" id="div2">2</div>
<div style="font-size:24px;z-index:1" id="t3">1</div>
<form name="form1" method="post" action="">
  <input type="button" name="button" id="button" value="点击按钮隐藏z-index:1的层">
</form>
</body>
</html>

智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告