爲og：image標籤輸出特定div的第一個圖像url？

Question

我希望標題不言自明。

基本上我有下面的代碼，我希望得到我的.content div內的第一個圖像的URL，所以我可以把它放在我的標題的og：image標記中。

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

Answer 1

爲了得到DIV第一img元素的src，放在meta標籤的內容，價值，做這樣的事情。

//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');