javascript - 捕捉 DOM 元素

Question

嗨，伙计们，我需要帮助来捕捉 p 标签旁边的 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>

我需要的是用标签而不是 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));

小提琴

编辑：原始js：

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);

小提琴