为og：image标签输出特定div的第一个图像网址？

Question

我希望标题不言自明。

基本上我有以下代码，我希望获得我的.content div中第一个图像的URL，这样我就可以将它放在我的标题og：image标签中。

<div class="content">
<img src="image1.jpg">
<img src="image2.jpg">
</div>

Answer 1

要获取div中第一个src元素的img并将该值放入元标记内容中，请执行以下操作。

//getting div 
var div = document.getElementsByClassName('content')[0];

//getting first img element  and it's src from div
var firstImgSrc = div.getElementsByTagName('img')[0].src;

//creating meta tag, assigned image source to content and appending into head tag
var meta = document.createElement('meta');
meta.content = firstImgSrc;
document.getElementsByTagName('head')[0].appendChild(meta);

Answer 2

$('div.content > img:first-child').attr('src')或$('div.content > img)[0].src

Answer 3

var firstImgUrl = $('.content img:first-of-type').attr('src');