Jquery ：动态给Table指定行或尾行插入tr和相关，遍历页面所有控件获取id

zoukankan html css js c++ java

Jquery ：动态给Table指定行或尾行插入tr和相关，遍历页面所有控件获取id

代码

<!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><title>
    预订规则设置
</title><link href="/Files/css/OwnerCenter.css" rel="stylesheet" type="text/css" /><link href="/Files/css/comm.css" rel="stylesheet" type="text/css" />

        <script type="text/javascript" charset="gb2312" src="http://www.thejia.com.cn/Files/Jquery/jquery_last.js" ></script>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" language="javascript">

var Row =0;
　$(document).ready(function()
　{　　
　
　    var $tab=$("#tab tr");
　　　Row=$tab.length ;
　
　   //注意点击控件的id和tr的id要保持一样
　   $("#add").click(function()
　   {
　
//　　　　　var $table=$("#tab tr");
//　　　　　var len=$table.length;　　　　　
//　　　　　 var addRowID=Row;
//　　　　　 Row=Row + len;
　　　　　  Row ++;
　　　　　
      　　var strTr = "";
　       strTr += "<tr id = '"+Row+"'><td width='12%'>"; 　
          strTr += "<input  name='rentType' type='text' value='' size='7' onkeypress=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value\"  onkeyup=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value;\" onblur=\"if(!this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?|\\.\\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\\.\\d+$/))this.value=0+this.value;if(this.value.match(/^\\.$/))this.value=0;this.o_value=this.value};\"/>天起租</td>";
          strTr += "<td width='16%'>";
          strTr += "<input  name='GeneralPrice' type='text' value='' size='7'  onkeypress=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value\"  onkeyup=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value;\" onblur=\"if(!this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?|\\.\\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\\.\\d+$/))this.value=0+this.value;if(this.value.match(/^\\.$/))this.value=0;this.o_value=this.value};\"/>元/天/套";
          strTr += "</td><td width='16%'>";
          strTr += "<input   name='WeekPrice' type='text' value='' size='7'  onkeypress=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value\"  onkeyup=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value;\" onblur=\"if(!this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?|\\.\\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\\.\\d+$/))this.value=0+this.value;if(this.value.match(/^\\.$/))this.value=0;this.o_value=this.value};\"/>元/天/套";
          strTr += "</td><td width='27%'>";
          strTr += "从<input type='text'  class='Wdate'  style='height:18px; 90px;' value='' id='DayRentbeginDate" + Row +"' name='DayRentbeginDate'  onclick=\"var checkOut=$dp.$('DayRentendDate" + Row +"');WdatePicker({errDealMode : 0,minDate:'%y-%M-%d',doubleCalendar:true,onpicked:function(){checkOut.focus();}})\"/>";
          strTr += "至<input type='text'  class='Wdate'  style='height:18px; 90px;'  value=''  id='DayRentendDate" + Row +"' name='DayRentendDate'  onfocus=\"WdatePicker({errDealMode : 0,doubleCalendar:true,minDate:'%y-%M-%d'})\"/>";
          strTr += "</td><td class='line' width='8%'>";
          strTr += "<span id='"+Row+"' style='color:Blue;border-bottom:1px solid Blue;cursor:hand;'  onclick='addRowByID(this.id)'>添加</span>  ";
          strTr += "<span style='color:Blue;border-bottom:1px solid Blue;cursor:hand;'  onclick='deltr(this)'>删除</span>";
          strTr += "</td></tr>";   　　　　　
　　　　　//document.write(strTr)　　　　　
　　　　　$("#tab").append(strTr);　
　　　})　
　　　
　　　

　})　
　
　   //注意点击控件的id和tr的id要保持一样
   function addRowByID(currentRowID){
////      var Row =3;
//　    var $tab=$("#tab tr");
//　　　Row=Row + $tab.length;

//     alert(Row);
      Row ++;
       //遍历每一行，找到指定id的行的位置i,然后在该行后添加新行
       $.each( $('#tab:first tbody tr'), function(i, tr){

          if($(this).attr('id')==currentRowID){
               //获取当前行
               var currentRow=$('#tab:first tbody tr:eq('+i+')');
               //要添加的行的id

               var addRowID=Row;
              var strTr = "";
　           strTr += "<tr id = '"+addRowID+"'><td width='12%'>"; 　
              strTr += "<input  name='rentType' type='text' value='' size='7' onkeypress=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value\"  onkeyup=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value;\" onblur=\"if(!this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?|\\.\\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\\.\\d+$/))this.value=0+this.value;if(this.value.match(/^\\.$/))this.value=0;this.o_value=this.value};\"/>天起租</td>";
              strTr += "<td width='16%'>";
              strTr += "<input  name='GeneralPrice' type='text' value='' size='7'  onkeypress=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value\"  onkeyup=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value;\" onblur=\"if(!this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?|\\.\\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\\.\\d+$/))this.value=0+this.value;if(this.value.match(/^\\.$/))this.value=0;this.o_value=this.value};\"/>元/天/套";
              strTr += "</td><td width='16%'>";
              strTr += "<input   name='WeekPrice' type='text' value='' size='7'  onkeypress=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value\"  onkeyup=\"if(!this.value.match(/^[\\+\\-]?\\d*?\\.?\\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?)?$/))this.o_value=this.value;\" onblur=\"if(!this.value.match(/^(?:[\\+\\-]?\\d+(?:\\.\\d+)?|\\.\\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\\.\\d+$/))this.value=0+this.value;if(this.value.match(/^\\.$/))this.value=0;this.o_value=this.value};\"/>元/天/套";
              strTr += "</td><td width='27%'>";
              strTr += "从<input type='text'  class='Wdate'  style='height:18px; 90px;' value='' id='DayRentbeginDate" + Row +"' name='DayRentbeginDate'  onclick=\"var checkOut=$dp.$('DayRentendDate" + Row +"');WdatePicker({errDealMode : 0,minDate:'%y-%M-%d',doubleCalendar:true,onpicked:function(){checkOut.focus();}})\"/>";
              strTr += "至<input type='text'  class='Wdate'  style='height:18px; 90px;'  value=''  id='DayRentendDate" + Row +"' name='DayRentendDate'  onfocus=\"WdatePicker({errDealMode : 0,doubleCalendar:true,minDate:'%y-%M-%d'})\"/>";
              strTr += "</td><td class='line' width='8%'>";
               strTr += "<span id='"+addRowID+"' style='color:Blue;border-bottom:1px solid Blue;cursor:hand;'  onclick='addRowByID(this.id)'>添加</span>  ";
              strTr += "<span style='color:Blue;border-bottom:1px solid Blue;cursor:hand;'  onclick='deltr(this)'>删除</span>";
              strTr += "</td></tr>";
               //当前行之后插入一行
               currentRow.after(strTr);
          }
       });
   }

  //delete
　function deltr(index)
　{　　　　　　　　　
　　　$table=$("#tab tr");
　　　if(index>$table.length)
　　　return;
　　　else
　　　{　
         $(index).parent().parent().remove();
　　　}　
　}　
　
　
　function eachDateTimeControl()
　{　
　
   $("input:text", document.forms[0]).each(function()
   {
      //alert(this.name)
      if(this.name == 'DayRentbeginDate')
      {
        alert(this.id)
      }
    }
   );

　}
　
　//比较日期
　function checkDateTime()
　{　
　

  //alert($("#DayRentbeginDate1").val());
   var str = "";
   $("#tab tr").each(function(){
     str += this.id +","
    }
   );


   var keyChar= new Array(); //定义一数组
    keyChar = str.split(",");

   if(keyChar.length > 2)
   {   alert(keyChar);
          for(i=0;i<keyChar.length -1;i++)
          {
              alert($("#DayRentbeginDate" + keyChar[i].toString()).val());
          }
   }

　}
</script>

    <script type="text/javascript">
     function ac()
{WdatePicker({doubleCalendar:true,skin:'default',minDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd',alwaysUseStartDate:true,errDealMode : 0})}
    </script>
  <style type="text/css">
  .Forms_tlt { background-color:#EEEEEE; height:28px; text-align:center; }/*表头*/
.Forms_tlt td { font-weight:bold; }
.Forms_k { background-color:#C8E7FF; color:#000; line-height:20px;text-align:center; }
.Forms_k td{ background-color:#F4FBFF; border-left:1px solid #ccc; border-bottom:1px solid #ccc;line-height:20px; }
.line{ border-left:1px solid #ccc; }

.Orders_tlt {
    float:center;
    padding-bottom:3px;
    margin-bottom:2px;
    width:95%;
    border-bottom:1px solid #BBBCCC;
    }
.Orders_tlt p {
    font-size:14px;
    font-weight:bold;
    text-align:left;
    }
    /*1,2,3,4,5等标签序号样式*/
span.span_h_yuding{
    background:#FF4400;
    color:#ffffff;
    font-weight:bold;
    padding-left:4px;
    padding-right:4px;
    font-size:14px;

    }

        #PriceDes {
    display:block;
    width:545px;
    height:100px;
    background:url(/images/textareabg.png) no-repeat 0px 65px;
    background-attachment:fixed;
    padding:5px;
    }

    .nextBut {background:url(/images/buttonIco.gif) -2px -22px no-repeat;width:105px;height:22px;line-height:19px;border:0;color:#fff;font-weight:bolder;}
.addToCar {background:url(/images/buttonIco.gif) 0 -44px no-repeat;width:98px;height:31px;line-height:31px;border:0;color:#fff;font-weight:bolder;font-size:14px;overflow:hidden;+zoom:1;}    </style>
</head>
<body>


        <div id="Rent_01">
            <form name="form1" method="post" action="" id="form1">



            <div id="Rent_02">
                 </div>
            <div class="lite-blue-box rounded gradient subscription Rent_03">
                <div class="Rent_06">
                <div class="Orders_tlt">
                            <p>

                                <span class="span_h_yuding">1</span> 详情设置：   <span  style="float:right;"><input type="button" id="Button2" value="比较日期"  onclick="checkDateTime()"/>     <input type="button" id="Button1" value="遍历获取日期控件id"  onclick="eachDateTimeControl()"/>        <input type="button" id="add" value=" 增加租期" />  </span>
                               </p>
                        </div>
                    <TABLE class="Forms_tlt" cellSpacing=0 cellPadding=0 width="95%" border=0><TBODY><TR><TD width="12%">
                            租期</TD>
                            <TD class="line" width="16%">
                            平时价（周日-周四）</TD>
                            <TD class="line" width="16%">
                            周末价（周五、周六）</TD>
                        <td class="line" width="27%">
                            价格执行日期</td>
                            <td class="line" width="8%">
                            </td>
                        </TR></TBODY></TABLE>
                        <table id="tab" border="0" cellpadding="0" cellspacing="0" class="Forms_k" width="95%">


                            <tr id=1>
                                <td width="12%"  >
                        <input  name="rentType" type="text" value="1" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>天起租</td>
                                <td width="16%">
                        <input  name="GeneralPrice" type="text" value="100" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>元/天/套
                        </td>
                        <td width="16%">
                        <input   name="WeekPrice" type="text" value="200" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>元/天/套
                        </td>
                                <td width="27%">
                               从<input type="text"  class="Wdate"  style="height:18px; 90px;" value="2010-04-07"  id="DayRentbeginDate1"   name="DayRentbeginDate"  onclick="var checkOut=$dp.$('DayRentendDate1');WdatePicker({errDealMode : 0,minDate:'%y-%M-%d',doubleCalendar:true,onpicked:function(){checkOut.focus();}})" />
                               至<input type="text"  class="Wdate"  style="height:18px; 90px;"  value="2010-04-08"  id="DayRentendDate1"  name="DayRentendDate"  onfocus="WdatePicker({errDealMode : 0,doubleCalendar:true,minDate:'%y-%M-%d'})"/>
                                </td>
                                <td class="line" width="8%">
                                 <span id=1 style="color:Blue;border-bottom:1px solid Blue;cursor:hand;"  onclick="addRowByID(this.id)">添加</span>
                                <span  style="color:Blue;border-bottom:1px solid Blue;cursor:hand;"  onclick="deltr(this)">删除</span>
                            </td>
                            </tr>

                                <tr id=2>
                                <td width="12%" >
                        <input   name="rentType" type="text" value="" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>天起租</td>
                                <td width="16%">
                        <input   name="GeneralPrice" type="text" value="" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>元/天/套
                        </td>
                        <td width="16%">
                        <input   name="WeekPrice" type="text" value="" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>元/天/套
                        </td>
                                <td width="27%">
                               从<input type="text"  class="Wdate"  style="height:18px; 90px;" value=""   id="DayRentbeginDate2"  name="DayRentbeginDate"  onclick="var checkOut=$dp.$('DayRentendDate2');WdatePicker({errDealMode : 0,minDate:'%y-%M-%d',doubleCalendar:true,onpicked:function(){checkOut.focus();}})" />
                               至<input type="text"  class="Wdate"  style="height:18px; 90px;"  value="" id="DayRentendDate2"  name="DayRentendDate"  onfocus="WdatePicker({errDealMode : 0,doubleCalendar:true,minDate:'%y-%M-%d'})"/>
                                </td>
                                <td class="line" width="8%">
                                <span id=2 style="color:Blue;border-bottom:1px solid Blue;cursor:hand;"  onclick="addRowByID(this.id)">添加</span>
                                <span style="color:Blue;border-bottom:1px solid Blue;cursor:hand;"  onclick="deltr(this)">删除</span>
                            </td>
                            </tr>


                                <tr id=3>
                                <td width="12%" >
                        <input   name="rentType" type="text" value="" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>天起租</td>
                                <td width="16%">
                        <input   name="GeneralPrice" type="text" value="" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>元/天/套
                        </td>
                        <td width="16%">
                        <input   name="WeekPrice" type="text" value="" size="7" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value;" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value};"/>元/天/套
                        </td>
                                <td width="27%">
                               从<input type="text"  class="Wdate"  style="height:18px; 90px;" value=""   id="DayRentbeginDate3"  name="DayRentbeginDate"  onclick="var checkOut=$dp.$('DayRentendDate3');WdatePicker({errDealMode : 0,minDate:'%y-%M-%d',doubleCalendar:true,onpicked:function(){checkOut.focus();}})" />
                               至<input type="text"  class="Wdate"  style="height:18px; 90px;"  value="" id="DayRentendDate3"  name="DayRentendDate"  onfocus="WdatePicker({errDealMode : 0,doubleCalendar:true,minDate:'%y-%M-%d'})"/>
                                </td>
                                <td class="line" width="8%">
                                <span id=3 style="color:Blue;border-bottom:1px solid Blue;cursor:hand;"  onclick="addRowByID(this.id)">添加</span>
                                <span style="color:Blue;border-bottom:1px solid Blue;cursor:hand;"  onclick="deltr(this)">删除</span>
                            </td>
                            </tr>





                        </table>
                </div>
            </div>

                </form>
        </div>

</body>
</html>

遍历页面所有控件获取id

var arrAll=document.all;

for (i=0;i <arrAll.length;i++)
{
    if(arrAll[i].name == 'label')
    {
        document.getElementById(arrAll[i].id).style.color = "black";
    }
}

//--------------------------------
var arrAll=document.all;

for(i=0;i <arrAll.length;i++)
{
    alert(arrAll[i].id);
    alert(arrAll[i].name);
      if(arrAll[i].id== '... ')
      {
          //   do   something
      }
}

//-----------------------------if ($(this).val()=="")
var increment = 1;
$("p").each(function(){

    // now add a paragraph count in front of each of them. Notice how we use the
    // $(this) variable to reference each of the paragraph elements individually.

    $(this).text(increment + ". " + $(this).text());
    increment++;
});

//************
$("input:text", document.forms[0]).each(function(){alert(this.name)});

//-----------------------------------------
jQuery中用$()方法获取的DOM元素都会返回数组并且jQuery中有隐形迭代，有些操作你无须去刻意循环它们，例如：$("div").text("hello");那么就会在所有的DIV中都加上hello.   若果硬要循环它们以进行某些处理你可以使用jQuery提供的$.each()方法，或者这样写：
$("div").each(function(){
    //这里干你想干的事情
    //用$(this)可以访问正在循环的元素
});

//*****************************
$("div")本身返回的就是一个数组，可以用数组的常规方法来操作
var divs = $("div");
for(i=0;i<divs.length;i++){
xxx
}

//-----------------------------
$("table").find("tr").each(function(){
$(this).find("td").each(function(){
alert($(this).text());
});
});

//*************************
jquery中的$().each和$.each的区别
文章分类:Web前端

前者只能遍历数组，后者可以遍历数组和对象
var map =
{

   地名: ["北京","天津","上海"],
   民族: ["汉族","藏族","维吾尔族"]

};

$.each(map,function(key,values){
console.log(key);
$(values).each(function(){
console.log("\t" + this);
});

});

//*********************

if(starttimes>=lktimes)
{

alert('开始时间大于离开时间，请检查');
return false;
}
else
return true;

}

//==

//比较日期
　function checkDateTime()
　{　
　

//(startdate2   <=   startdate1   and   startdate1   <=   enddate2)
//(startdate2   <=   enddate1     and   enddate1     <=   enddate2)
//(startdate1   <=   startdate2   and   startdate2   <=   enddate1)
//(startdate1   <=   enddate2     and   enddate2     <=   enddate1)
   var str = "";
   $("#tab tr").each(function(){


     if ($("#DayRentbeginDate" + this.id).val() != ""&& $("#DayRentendDate" + this.id).val() != "")
     {
        str += this.id +",";
     }

    }
   );

   str = str.substring(0,str.length -1);//
   var keyChar= new Array(); //定义一数组
    keyChar = str.split(",");

   if(keyChar.length > 1)
{
      //alert(keyChar);

      for(x=0;x<keyChar.length ;x++)
      {
         var startDate1 = new Date($("#DayRentbeginDate" + keyChar[x].toString()).val());
         var endDate1 = new Date($("#DayRentbeginDate" + keyChar[x].toString()).val());
          for(y=0;y<keyChar.length ;y++)
          {
              //alert($("#DayRentbeginDate" + keyChar[y].toString()).val());
              var startDate2 = new Date($("#DayRentbeginDate" + keyChar[y].toString()).val());
               var endDate2 = new Date($("#DayRentbeginDate" + keyChar[y].toString()).val());
              if (x != y)
              {    //alert(startDate2) &&   startDate2   <   endDate1

//              var strdt1=document.getelementbyid("dt1").value.replace("-","/");
//            var strdt2=document.getelementbyid("dt2").value.replace("-","/");
//            var dt1=new Date(Date.parse(strdt1));
//            var dt2=new Date(Date.parse(strdt2));

            var s111 = new Date("2009/02/03");
              var s22 = new Date("2009/02/01");
             var dt1=new Date(Date.parse(s111));
            var dt2=new Date(Date.parse(s22));
                 if(dt1   > dt2 )
                 alert('222')
                 else
                  alert('3333')
              }
          }
      }
   }

　}

查看全文

相关阅读:
跨站脚本攻击（XSS）
Web安全
 Http权威指南（cookie以及web认证机制）
微信小程序页面跳转方法汇总
 php函数
 Http权威指南（服务器、缓存）
Content-type与json对象/字符串杂谈
 微信小程序之答题领券系统构建
 Fiddler手机抓包，相关细节回顾
 一幅漫画揭示了项目研发过程中存在的问题，太形象了

原文地址：https://www.cnblogs.com/Fooo/p/1709896.html