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

Fiddle

编辑：raw 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);

Fiddle

捕捉DOm元素

2 个答案: