javascript - 将 rel="lightbox" 添加到图像（由 javascript/jquery 强制）

Question

在我的网站上，我有一张图片。我尝试添加一个 rel="lightbox" 因为我想在单击时在 Lightbox 中打开图像。但我无法更改这部分 HTML 代码。是否有另一种解决方案来“强制”使用 Javascript 或 jQuery 之类的 rel？

这是我要添加 rel="lightbox" 的 HTML 代码

<div class="gv_panel" style="width: 240px; height: 290px;">
<img style="visibility: visible; " src="t-shirt.jpg">
</div>

这个有什么解决办法吗？？

Answer 1

使用 jQuery，您可以使用以下attr函数执行此操作：

$( '.gv_panel img' ).attr( 'rel', 'lightbox' );

并且仅使用 Javascript：

document.querySelector( '.gv_panel img' ).rel = 'lightbox';

但请注意，IEdocument.querySelector仅支持 8+ 版本。因此，如果您需要支持 IE7，您应该使用getElementById替代或其他方式。