javascript - table之間點(diǎn)擊循環(huán)傳遞值
問(wèn)題描述
現(xiàn)在有兩個(gè)table,table1 和table2 初始化狀態(tài)的時(shí)候,table中有數(shù)據(jù),點(diǎn)擊checkbox,數(shù)據(jù)傳遞到table2中,并且table1的數(shù)據(jù)刪除,這時(shí)候,如果點(diǎn)擊table2的checkbox,數(shù)據(jù)重新傳遞到table1中。
效果圖如下:
我能從table1中將數(shù)據(jù)傳遞到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);});
主要使用這樣的方法,現(xiàn)在問(wèn)題在于,將tr整個(gè)對(duì)象傳遞過(guò)去之后,在點(diǎn)擊table2中的checkbox的時(shí)候,tr的對(duì)象傳遞不了,測(cè)試,顯示都沒(méi)有進(jìn)入點(diǎn)擊事件,這個(gè)是怎么回事??在線等,謝謝大家
問(wèn)題解答
回答1: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是一開(kāi)始在頁(yè)面上的,不是未來(lái)元素),如果不行。代碼貼出來(lái),幫你測(cè)試下!
回答2: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>
如果可行請(qǐng)采納哦,3Q。
相關(guān)文章:
1. nignx - docker內(nèi)nginx 80端口被占用2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. 關(guān)于docker下的nginx壓力測(cè)試4. docker - 各位電腦上有多少個(gè)容器啊?容器一多,自己都搞混了,咋辦呢?5. mac里的docker如何命令行開(kāi)啟呢?6. docker容器呢SSH為什么連不通呢?7. docker start -a dockername 老是卡住,什么情況?8. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件9. docker gitlab 如何git clone?10. macos - mac下docker如何設(shè)置代理

網(wǎng)公網(wǎng)安備