为选定的元素创建一个父div

Question

我想围绕单击的元素创建一个div，而不会影响页面的样式，我需要在某些操作后删除插入的父项。有人有这样的想法吗？

编辑：请注意，我不希望使用任何JavaScript库

Answer 1

我不能保证它不会影响样式，但至于其他的，尝试这样的事情（单击处理函数内）：

var div = document.createElement("div"); 
var parent = this.parentNode; 
parent.insertBefore(div, this); 
div.appendChild(this); 

如果你还是在功能时你想删除新的div元素：

parent.insertBefore(this, div); 
parent.removeChild(div); 

如果不是，你需要重新获得它。假设你有一个触发器，并且this仍然是点击元素：

var div = this.parentNode; 
var parent = div.parentNode; 
parent.insertBefore(this, div); 
parent.removeChild(div); 

Answer 2

jQuery有一个wrap()功能，将你想要做什么。保证没有样式被改变是不可能的，但如果你控制页面和/或CSS，它不应该是一个问题。