jQuery用img src填充meta attr'content'

Question

I have a facebook og tag...

<meta property="og:image" content="whatever.jpg"/>

And I'd like to change the whatever.jpg to a image on the page contained in a div with an id #ok

<div id="ok">
<img src="saveme.jpg" />
</div>

so i'd end up with

<meta property="og:image" content="saveme.jpg"/>

and ideas? been searching aroundthe api and havent found anything which does this :(

Answer 1

This will work for you

 $('meta[property="og:image"]').attr('content',$('#ok img').attr('src'));

An example is here http://jsfiddle.net/RMd27/

Answer 2

假设您只有一个带有og:image属性的meta标记：

$('meta[property="og:image"]').attr('content',$('#ok').find('img').attr('src'));

Answer 3

尝试：

$('meta[property="og:image"]').attr("content",$("#ok > img").attr("src"))

Answer 4

You shouldn't be setting any OpenGraph data via JavaScript, since it tends to be crawled by search engines and social networking sites, and those don't have JavaScript (in other words, what they see will be the unaltered value). Depending on how you're setting the OpenGraph values, you might want to change your PHP to output the correct image that you want for that particular page.