ловли Dóm элементы

Question

Привет Ребята, мне нужно помочь с ловлей вкладку Img в сторону р теге

это мой HTML

<p> 
    <img style="max-width: 100%; margin-left: auto; margin-right: 
    auto; display: block;" 
    src="../content_platform_node/content_primitive/51e4c3e29306e2581000000a/blob" 
    alt="" data-lscp-resource-mimetype="image/jpeg" 
    data-lscp-resource-id="51e4c3e29306e2581000000a" /> 
</p> 

, что мне нужно будет обернуть вкладку Img с меткой вместо п тега, обратите внимание, что это не предварительно сгенерированные его содержимое пользовательского ввода, поэтому мне нужно сделать это с помощью JQuery или JavaScript

необходима помощь

Answer 1

Вы можете попробовать что-то вроде

var parent = $('img').parent(); 
parent.wrap('<div />').contents().unwrap() 

и div может быть любой другой тег

Answer 2

var image = $('img[data-lscp-resource-id="51e4c3e29306e2581000000a"]'); 
image.parent('p').replaceWith($('<a></a>').html(image)); 

Fiddle

EDIT: сырье ЯШ:

var image = document.getElementsByTagName('img')[0]; 
var oldParent = image.parentNode; 

var newParent = document.createElement('a'); 
newParent.appendChild(image); 
oldParent.parentNode.appendChild(newParent); 
oldParent.parentNode.removeChild(oldParent); 

Fiddle