简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
首頁
文章
問答
課程
專題
下載
遊戲
詞典
最近更新

首頁  >  問答  >  主體

javascript - table之間點選循環傳遞值

現在有兩個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的物件傳遞不了，測試，顯示都沒有進入點擊事件，這個是怎麼回事？ ？在線等，謝謝大家

欧阳克欧阳克2663 天前699

全部回覆(2)我來回復

  • PHP中文网

    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是一開始在頁面上的，不是未來元素），如果不行。程式碼貼出來，幫你測試下！

    回覆
    0
  • 怪我咯

    怪我咯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。

    回覆
    0
  • 取消回覆