一些页面元素的遍历,元素的选择 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DeviceChecks1.aspx.cs" Inherits="WebSite.Emp.Device.CompanyCheck.DeviceChecks1" %>

<!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 id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta charset="utf-8" />
    <title>设备检查</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="description" content="" />
    <meta name="author" content="" />

     <link type="text/css"  rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

    <style type="text/css">
        #footpanel
        {
 position: fixed;
 bottom: 0; left: 0;
 z-index: 9999; /*--Keeps the panel on top of all other elements--*/
 width: 96%;
 text-align:left;
 padding-left:10px;
 padding-right:10px;
 margin:0px;
        }
    </style>

    <script type="text/javascript">
        function dianji(obj) {
            var iso = $(obj).find("label").text();
            alert(iso);
        }

        function tgbtn() {
            var data1 = "<table><td><a href=\"#link\" data-role=\"button\" data-icon=\"alert\" data-iconpos=\"notext\">未通过</a></td><td>未通过</td></table>";
            var data2 = "<table><td><a href=\"#link\" data-role=\"button\" data-icon=\"check\" data-iconpos=\"notext\">通过</a></td><td>通过</td></table>";
            $("#shujulist div").each(function () {
                //$(this).find("label").text();
                $(this).find(".isok").empty(); 
                $(this).find(".isok").append(data1);
                $(this).find(".isok").trigger("create");
            });
        }

        function surebtn() {
            var i = 1;
            $("#shujulist div").each(function () {
                //$(this).find("label").text();
                alert($(this).find("label").text());

            });
        }

        function btgbtn() {
            var i = 1;
            $("#shujulist div").each(function () {
                //$(this).find("label").text();
                alert($(this).find("label").text());

            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server" method="post">

    <div data-role="page" id="pageone" data-theme="b">
      <div data-role="header" data-theme="b">
    <h3>数字化检查</h3>
  </div>
  <div data-role="content">
    <div>
        <div id="shujulist">
            <div style="border: 2px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;padding: 5px 5px 5px 15px;">
        <table rules="all" width="100%" style="border-bottom: 1px #DCDCDC solid;" border="0" cellpadding="0"
            cellspacing="0" onclick="dianji(this);">
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    NO.
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                <asp:Label Text="01" runat="server" ID="Label24" ></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    名称
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                    <asp:Label Text="门式起重机" runat="server" ID="lbTitle2" ></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    检查内容
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                    <asp:Label Text="设备保修程度" runat="server" ID="Label1" ></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    结果
                </td>
                <td  style="font-size: 11pt; padding-left: 10px;">
                    <div class="isok"><table><td><a href="#link" data-role="button" data-icon="alert" data-iconpos="notext">未通过</a></td><td>未通过</td></table></div>
                </td>
            </tr>
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    备注
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                    <label id="beizhu1">你说通过就通过啦?...orz</label>
                </td>
            </tr>
        </table>

</div>

            <div style="border: 2px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;padding: 5px 5px 5px 15px;">
        <table rules="all" width="100%" style="border-bottom: 1px #DCDCDC solid;" border="0" cellpadding="0"
            cellspacing="0" onclick="dianji(this);">
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    NO.
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                <asp:Label Text="01" runat="server" ID="Label4" ></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    名称
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                    <asp:Label Text="门式起重机" runat="server" ID="Label5" ></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    检查内容
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                    <asp:Label Text="设备保修程度" runat="server" ID="Label6" ></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    结果
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                    <div class="isok"><table><tr><td><a href="#link" data-role="button" data-icon="check" data-iconpos="notext">通过</a></td><td>通过</td></tr></table></div>
                </td>
            </tr>
            <tr>
                <td align="center" width="30%" style="padding-left: 10px;">
                    备注
                </td>
                <td style="font-size: 11pt; padding-left: 10px;">
                    <label id="Label2">你说不通过就不通过啦啊撒大师的撒旦撒旦撒?...orz</label>
                </td>
            </tr>
        </table>

</div>

        </div>


        <div id="divTwo" style="height: 20px;" runat="server">
        <span>&nbsp;</span>
        </div>
<%--        <div align="center" style="height: 70px;">
            <input type="button" id="jiazai" runat="server" onclick="readadd()" style="border: 1px #228B22 solid;
                background-color: White; height: 25px; color: #228B22; font-size: 12pt; width: 110px;
                margin-top: 10px; margin-right: 5px; " value="加载更多" />
        </div>--%>

        <div id="footpanel" valign="top" style=" height: 45px; margin-right: 20px; " align="center" runat="server">
            <table cellpadding="0" cellspacing="0" border="0" width="100%"  style="margin-top: 5px; height:100%;">
                <tr>
                    <td style="width:33%; height: 45px;text-align:center;" >
                        <div><span ><input type="button" id="btn1" runat="server" value="通 过" onclick="tgbtn();" style="width:100%;height:45px;text-align:center;background-color: #85bff9;font-size : 18pt;" /></span></div>
                    </td>
                    <td style="width:33%; height: 45px;text-align:center;" >
                        <div><span ><input type="button" id="Button1" runat="server" value="确 定" onclick="surebtn();" style="width:100%;height:45px;text-align:center;background-color: #85bff9;font-size : 18pt;" /></span></div>
                    </td>
                    <td style="width:33%; height: 45px;text-align:center;" >
                        <div><span ><input type="button" id="Button2" runat="server" value="未 通 过" onclick="btgbtn();" style="width:100%;height:45px;text-align:center;background-color: #85bff9;font-size : 18pt;" /></span></div>
                    </td>
                </tr>
            </table>
        </div>
</div>
    </div>
    </form>
</body>
</html>

 

posted @ 2016-02-19 15:19  团子先生  阅读(272)  评论(0)    收藏  举报