jQuery .parents（[selector]）不適用於IE9和Firefox

Question

<html>
<body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="application/javascript">

        $(document).ready(function() {
            $("#evaluation_complete").parents("table")[0].remove(); //doesn't work

            //this works
            //var EvalComplete = document.getElementById("evaluation_complete");
            //EvalComplete.parentNode.parentNode.parentNode.parentNode.parentNode.removeChild(
                //EvalComplete.parentNode.parentNode.parentNode.parentNode); 
        });

    </script>
    <p>Testing little code</p>
    <table>
        <tbody>
            <tr>
                <td class="button-left">&nbsp;</td>
                <td class="button-middle" nowrap="true"><div
                        style="margin: 0px 0px 1px;">
                        <a class="button-text" name="evaluation_complete"
                            id="evaluation_complete" href="#">Evaluation Complete</a>
                    </div></td>
                <td class="button-right">&nbsp;</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

我無法控制表格的設置。 但是，我所知道的只是鏈接的ID。 我的目標是遍歷<table>元素並將其從DOM中刪除。 我也嘗試過closest它。 我在Firefox和IE9中收到的錯誤是remove不是一個功能。 注釋掉的塊有效，但不是很動態。 但是，在Chrome中，它可以完美運行。 感謝您的任何幫助。

Answer 1

當您嘗試在本機JS元素而不是jQuery元素上使用.remove()時，它不起作用：

不是：

$("#evaluation_complete").parents("table")[0].remove();

但

$("#evaluation_complete").parents("table").eq(0).remove();

要么

$("#evaluation_complete").parents("table").first().remove();

等等

使用[0]或get(0)從類似數組的jQuery對象中獲取本機JS元素，該對象沒有.remove()方法。

附帶說明一下，使用closest()會更有效，並且可以與上述示例配合使用。

jQuery .parents（[selector]）不適用於IE9和Firefox

問題描述

1 個解決方案

解決方案1
7 已采納 2013-03-04 20:33:01

jQuery .parents（[selector]）不適用於IE9和Firefox

問題描述

1 個解決方案

解決方案1 7 已采納 2013-03-04 20:33:01

解決方案1
7 已采納 2013-03-04 20:33:01