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

Question

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

这是我要添加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';

但请注意，IE仅支持8+版本document.querySelector。因此，如果您需要支持IE7，则应使用getElementById代替其他内容。