Html – Changing meta-tags dynamic with jQuery

htmljquerymeta-tags

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?

Best Answer

I think you should escape : look at the documentation No need of ":".

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