Javascript 在使用jQuery在iframe中加载页面后，是否向表行添加CSS类？

我正在iframe（带有facebox）中加载表单。当提交表单并重新加载iframe中的页面时，我想向父页面上的特定表行添加一个CSS类

该表如下所示：

<table>
    <tr id="row-1"><td><a href="">link to open facebox with iframe</a></td></tr>
    <tr id="row-2"><td></td></tr>
    <tr id="row-3"><td></td></tr>
    <tr id="row-4"><td></td></tr>
</table>

<table>
    <tr id="row-1" **class="highlite"**>
        <td><a href="">link to open facebox with iframe</a></td>
    </tr>
    <tr id="row-2"><td></td></tr>
    <tr id="row-3"><td></td></tr>
    <tr id="row-4"><td></td></tr>
</table>

在iframe中提交表单后，父框架中的表应如下所示：

<table>
    <tr id="row-1"><td><a href="">link to open facebox with iframe</a></td></tr>
    <tr id="row-2"><td></td></tr>
    <tr id="row-3"><td></td></tr>
    <tr id="row-4"><td></td></tr>
</table>

<table>
    <tr id="row-1" **class="highlite"**>
        <td><a href="">link to open facebox with iframe</a></td>
    </tr>
    <tr id="row-2"><td></td></tr>
    <tr id="row-3"><td></td></tr>
    <tr id="row-4"><td></td></tr>
</table>

社区能否帮助我正确实施这一点

$("#row-1", window.parent.document).toggleClass("highlite");

引述：

$（）

包装的第二个参数是要搜索的上下文。这默认为文档

---

如果有可能再次单击并加载同一链接，您可能希望使用

.addClass

而不是

.toggleClass

。

.toggleClass

的默认行为是检查该元素上是否存在该类，然后根据结果添加或删除该类

如果您打算只突出显示当前行，则需要执行以下操作：

$("#row-1", window.parent.document).addClass("highlite")
    .siblings().removeClass("highlite");