javascript - 用 Javascript 替换 jQuery 函数

Question

我需要用纯 javascript 替换这个 jQuery 函数。

$('#myTable span.hide').click(function () {
    $(this).closest("tr").remove();
    return false;
});

我试图用这个替换它，但它在 IE 中不起作用。

function rem(id) {
    id.parentNode.parentNode.innerHTML = "<td></td>";
}  

表格如下:

<tbody id="thebody">
<tr>
    <td>
       <span onclick="rem(this);" class="hide"></span>
    </td>
    //More td's here
</tr>
</tbody>

Answer 1

function rem(id) { // id may be ambiguous here, because it's the element, not an ID
    var elem = id; // current elem

    while(elem.nodeName !== "TR") { // move up to tr as long as it isn't tr yet
        elem = elem.parentNode; // if not tr yet, set elem to parent node
    }

    elem.parentNode.removeChild(elem); // remove tr from parent node
}

请注意，您的 HTML 应包含 <table> - 原始 <tbody>无效。