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

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

解决方案 »

  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>