使用 jQuery 读取 img src 并动态插入 img src



我的页面上有一些代码看起来像这样:

<div class="img-center">
    <img src="img-path.jpg" alt="alt-text" class="feature-image" />
    </div>

我正在设置一个打印样式表,由于对内容的一些 JavaScript 操作(可能是 Firefox 中的错误),img 打印偏离中心。我要做的解决方案是将 img 动态插入到另一个div 中,该div 将在打印时显示,但我不知道如何让 jQuery 读取 imgdiv,然后将其复制到另一个div 中。另一个div 的代码示例如下所示:

<div id="feature-container-print">
   <img src="jQuery inserted copy of above img-path.jpg" alt="alt-text" />
     </div>

这是怎么做到的?请举例说明。

$('#feature-container-print img').attr('src',$('.feature-image').attr('src'));

我相信这会起作用:

$('.feature-container-print img').attr('src', $('.img-center img').attr('src'));
$('.img-center img').hide();
$('.feature-container-print img').show();

最新更新