Изменение метатегов динамически с помощью jQuery

Question

У меня есть страница с несколькими абзацами, когда пользователь нажимает кнопку «моментальный снимок» рядом с абзацем, этот абзац воспроизводится на холсте как изображение и отображается над исходным абзацем.

Рядом с моментальным снимком параграфы - это кнопка «общего доступа», как изменить URL-адрес следующего содержимого метатега на URL-адрес фрагмента моментального снимка при нажатии кнопки «общий доступ».

кнопку доля

<a href="#" id="share">Share?</a> 

ПЕРЕД ДОЛЯ КНОПКА CLICK

<meta name="twitter:image" content="p.jpg"> 

ПОСЛЕ ДОЛЯ КНОПКА CLICK

<meta name="twitter:image" content="image/paragraphxi34343.jpg"> 

Любые решения?

Answer 1

Не уверен, что это оптимизированный способ сделать это, но это должно сработать.

$("meta").each(function() { 

    if($(this).attr("name") == "twitter:image") { 
    $(this).attr("content" , "image/paragraphxi34343.jpg"); 
    }; 
}); 

Более общий способ будет

function changeMetaContent(metaName, newMetaContent) { 
    $("meta").each(function() { 

     if($(this).attr("name") == metaName) { 
     $(this).attr("content" , newMetaContent); 
     }; 
    }); 
} 

Вызов как

changeMetaContent("twitter:image", "image/paragraphxi34343.jpg"); 

Обновлено после обсуждения в комментариях

Если у вас есть URL-адрес в поле ввода делать это.

<input value="http://some-image-url.png" type="hidden" id="image-url-input" /> 

Вызовите функцию следующим образом;

var imageURL = $("image-url-input").val(); 
changeMetaContent("twitter:image", imageURL);