js面试题测试

题目：当点击按钮时，如何实现两个td的值互换？
用javascript实现此功能。

分析：我用jquery写的，先取值放到数组中再操作

   1: <head>
   2: <script type="text/javascript">
   3: $(function(){
   4:     var arrTD=[];
   5:     arrTD.push($("#txt1").text());
   6:     arrTD.push($("#txt2").text());
   7:  
   8:     console.log(arrTD[0],arrTD[1]);
   9:     $("input").click(function(){
  10:         changeArr(arrTD);
  11:         $("#txt1").text(arrTD[0]);
  12:         $("#txt2").text(arrTD[1]);
  13:     });
  14:     function changeArr(arrNum)
  15:     {
  16:         var temp=arrNum[0];
  17:         arrNum[0]=arrNum[1];
  18:         arrNum[1]=temp;   
  19:         return arrNum; 
  20:     }
  21: });
  22:  
  23: </script>
  24: </head>
  25: <body >
  26: <table width="200" border="1" cellpadding="0" cellspacing="0">
  27:   <tr>
  28:     <td id="txt1">321445</td>
  29:     <td><input type="submit" id="submitBtn1" /></td>
  30:   </tr>
  31:   <tr>
  32:     <td id="txt2">123133</td>
  33:     <td><input type="submit" id="submitBtn2" /></td>
  34:   </tr>
  35: </table>
  36:  
  37: </body>
posted @ 2008-10-20 15:45  looping  阅读(1491)  评论(2)  编辑  收藏  举报