嘗試使用javascript去除子元素html元素

我的助推器選項卡中有3個表格。每個選項卡作爲表格。該表的行是使用csharp asp.net代碼動態生成的。正確的我想要一個場景是，如果用戶單擊第一個表的行，第一個表的clicked角色將從第一個表中移除並添加到第二個表的行中。嘗試使用javascript去除子元素html元素

我的挑戰是在onClick過程之後開始刪除行。

<tbody> 
    <tr id="[email protected]"> 
        <td> kayode <a class="chat" connectionid="135976e6-799b-4cda-a764-a00f7110d515" 
data-parentid="[email protected]" 
href="/Visitor/StartChat?threadid=3&amp;email=kayode%40yahoo.com" 
operatorid="1" target="_blank" threadid="3">chat</a></td> 
        <td>271.0.0.1</td> 
        <td>Active</td> 
        <td></td> 
        <td>9/13/2014</td> 
        <td>04:15:18</td> 
        <td>02:52:55</td> 
        <td>271.0.0.1</td> 
       </tr> 

</tbody>

我的JavaScript代碼，我試圖用來刪除Click事件後的行。

function updateWaitingState(sender) { 

     var parentid = $(sender).attr("data-parentid"); 
     //alert(parentid); 

     //we are going to remove the role from this field 
     var element = document.getElementById(parentid); 

     element.parentNode.removeChild(element); //This line is a problem says 

     //document.querySelector("tablebody4 first").appendChild(element); 

     console.log(element); 
}

來源

2014-09-13 user3576600

爲什麼混合使用jQuery和純DOM API？看起來你的需求可以簡單地通過'$（'＃table1'）。on（'click'，'tr'，function（）{$（this）.appendTo（'＃table2'）;}）;' – rhgb 2014-09-13 14:27:53

watch這些免費的教程學習jquery請http://code.tutsplus.com/courses/30-days-to-learn-jquery – 2014-09-13 15:25:07

順便說一句，只有一行你想要該行被刪除。 – 2014-09-13 15:25:43

function updateWaitingState(sender) { 

     var parentid = $(sender).attr("data-parentid"); 

     var element = document.getElementById(parentid); 
     $(element).appendTo('.tablebody2:first'); 
}

來源

2014-09-13 14:58:44 user3576600

我editted @cory答案，並使其工作如上所述 – user3576600 2014-09-13 14:59:17

這不提供問題的答案。要批評或要求作者澄清，在他們的帖子下留下評論 - 你總是可以評論你自己的帖子，一旦你有足夠的[聲譽]（http://stackoverflow.com/help/whats-reputation），你會能夠[評論任何帖子]（http://stackoverflow.com/help/privileges/comment）。 – 2014-09-13 15:48:38

@CaptainGiraffe這是否回答這個問題。這是OP說的解決方案。 – JasonMArcher 2014-09-13 15:58:01

這是未經測試，但我想jQuery將大大這裏降低你的頭痛：

function updateWaitingState(sender) { 
    var parentId = $(sender).attr("data-parentid"); 
    $('#' + parentId).appendTo('.tablebody4:first'); 
}

您可能需要在appendTo功能調整選擇，因爲這是我的一個猜測。

來源

2014-09-13 14:31:20

試過這個，但在沒有工作。 – user3576600 2014-09-13 14:47:39

以及jquery不會工作，因爲我發現很難在jQuery中獲得id，所以我使用JavaScript。你能給我相當於javascript – user3576600 2014-09-13 14:48:31

嘗試使用javascript去除子元素html元素

回答

相關問題