javascript - 尝试使用javascript删除子html元素

我的boostrap标签中有3张桌子。每个选项卡都作为表格。该表的行是使用csharp asp.net代码动态生成的。我想要的一种情况是，如果用户单击第一个表的行，则第一个表的单击角色将从第一个表中删除，并被添加到第二个表的行中。

我面临的挑战是在onClick过程之后要删除该行。

 <tbody>
     <tr id="kayode@yahoo.com">
                     <td> kayode <a class="chat" connectionid="135976e6-799b-4cda-a764-a00f7110d515"
 data-parentid="kayode@yahoo.com"
 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>

我试图用来在Click事件后删除该行的JavaScript代码。

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);
 }

最佳答案

这未经测试，但我想jQuery将大大减轻您的头痛：

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

您可能需要在appendTo函数中调整选择器，因为这是我的猜测。

关于javascript - 尝试使用javascript删除子html元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25824140/