Changing meta-tags dynamic with jQuery

Question

These are my meta-tags:

<meta property="og:image" content="assets/css/gfx/skold.png"/>
<meta property="og:title" content="Den historie hjemmesiden for Norges Golfforbund"/>
<meta property="og:description" content="Her finner du alle de historie tingene som har skjedd i Norges golfhistorie gjennom tidene" />
<meta property="og:url" content="http://###"/>
<meta property="og:site_name" content="Norges Golfklubb"/>
<meta property="og:type" content="sport"/>

And I am trying to change them dynamic with the following code:

$("meta[property=og:title]").attr("content", result.title);

But I am keep getting Syntax error, unrecognized expression: [property=og:title] in Firebug.

Using the latest version of jQuery. Does anyone know what I am doing wrong?

Answer 1

I think you should escape : look at the documentation

$("meta[property='og\\:title']").attr("content", result.title);

Answer 2

$("meta[name='og:title']").attr('content', 'my new title');

Using "property=" does not work in Chrome

Answer 3

Make sure your quotes are like this:

$('meta[property="og:description"]').attr('content',"$modified_desc" );

Answer 4

You could give each meta element an ID or Class.

$('#metaelement').attr('content', 'my new meta description');