[英]Adding a CSS class to a table row after loading a page in an iframe with jQuery?
我正在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>
在iframe中提交表单后,父框架中的表格应如下所示:
<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");
引用Pim Jager的话 :
$()
包装器的第二个参数是要在其中搜索的上下文。 默认为文档。
如果可能会单击同一链接并再次加载它,则可能要使用.addClass
而不是.toggleClass
。 .toggleClass
的默认行为是检查该元素上是否存在该类,然后根据结果添加或删除该类。
如果您打算仅突出显示当前行,则需要执行以下操作:
$("#row-1", window.parent.document).addClass("highlite")
.siblings().removeClass("highlite");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.