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

Question

我的 boostrap 选项卡中有 3 个表。每个选项卡都是一个表格。该表的行是使用 csharp asp.net 代码动态生成的。对，我想要的场景是，如果用户单击第一个表的行，第一个表的单击 Angular 色将从第一个表中删除并添加到第二个表的行中。

我的挑战是在 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>

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

Answer 1

这尚未经过测试，但我想 jQuery 会大大减轻您的头痛:

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

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