醒目DOM元素

嗨，大家好，我需要在p标签醒目DOM元素

的侧受凉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标签，而不是p标签，请注意这不是预先生成的用户输入的内容，因此我需要使用jQuery或JavaScript来做到这一点

需要帮助

来源

2013-07-16 ChamZ

你可以尝试像

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

和div可以是任何其他标签

来源

2013-07-16 06:57:56

如果这是一个html字符串，说这整个html块是内容，它是如何说，继续 - 儿童？ – ChamZ

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

Fiddle

EDIT：生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

来源

2013-07-16 06:58:45 karaxuna

回答

相关问题