現在有兩個table,table1 和table2 初始化狀態的時候,table中有數據,點擊checkbox,數據傳遞到table2中,並且table1的數據刪除,這時候,如果點擊table2的checkbox,數據重新傳遞到table1中。
效果圖如下:
#我能從table1將資料傳遞到table2,程式碼如下
$("#table1 input").click(function () {
var html=$(this).parent().parent();
$("#table2").append(html);
});
$("#table2 input").click(function () {
var html=$(this).parent().parent();
$("#table1").append(html);
});
主要使用這樣的方法,現在問題在於,將tr整個物件傳遞過去之後,在點擊table2中的checkbox的時候,tr的物件傳遞不了,測試,顯示都沒有進入點擊事件,這個是怎麼回事? ?在線等,謝謝大家
PHP中文网2017-07-05 10:38:30
var otable1=$('#table1'),otable2=$('#table2');
otable1.on('click','input',function(){
var otr= $(this).parent();
otable2.append(otr);
otr.remove();
})
otable2.on('click','input',function(){
var otr= $(this).closest("li");
otable1.append(otr);
otr.remove();
})
試下(保證#table1,#table1是一開始在頁面上的,不是未來元素),如果不行。程式碼貼出來,幫你測試下!
怪我咯2017-07-05 10:38:30
DEMO
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<style>
table {
border: 1px solid red;
padding: 5px;
}
</style>
</head>
<body>
<table id="table1">
<tr>
<td><input type='checkbox' />123123</td>
</tr>
</table>
<table id="table2">
<tr>
</tr>
</table>
<script>
$(document).on('click','#table1 input',function(){
var html = $(this).parent();
$("#table2").append(html);
})
$(document).on('click','#table2 input',function(){
var html = $(this).parent();
$("#table1").append(html);
})
</script>
</body>
</html>
如果可行請採納哦,3Q。