将html标记的一部分复制到另一个

Question

我的php页面中有一些图像，我想将其中之一复制到页面<meta property="og:image" content="" />部分的head标签中。

图片标签示例：

<img class="img-responsive" border="0" src="../../../Gallery/path/file.jpg" alt="some text" width="640" height="460">

预期的输出（将添加到本节中）将修剪上一行的所有内容，并从中获取图像的路径：

<meta property="og:image" content="../../../Gallery/path/file.jpg" />

我尝试使用getElementById和innerHTML进行某些操作，但无法正常工作。也类似：jQuery( "img.img-responsive" );，（但它占用了整行）。我认为它需要.removeAttr()之类的东西，但是我不确定如何一起实现所有这些。

• 另一件事，但我不确定是否可行：如果页面上有更多具有相同名称但具有不同图像的类，是否可以在jQuery或Javascript代码中指定使用图像？ （例如，为第一张图片添加,1，或仅,2复制第二张图片？

Answer 1

看看attr() http://api.jquery.com/attr/和eq() https://api.jquery.com/eq-selector/

$('meta[property="og:image"]').attr('content', $('.img-responsive:eq(2)').attr('src') ); // eq(2) for the 3rd image

---