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

Question

我的页面上有一些代码，如下所示：

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

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

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

这是怎么做到的？请举个例子。

Answer 1

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

Answer 2

我相信这会奏效：

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