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>