jquery 如何给元素添加父元素

jQuery 文档 *** 作提供了 wrap() 方法用以将每个被选元素放置在指定的 HTML 内容或元素中，从而实现为指定元素添加父元素的效果。类似地，unwrap() 方法删除被选元素的父元素。

1、基本语法

$(selector).wrap(wrapper)

参数说明：wrapper，必需。规定包裹被选元素的内容。可能的值:

HTML 代码 - 如 ("<div></div>")

新元素 - 如 (document.createElement("div"))

已存在的元素 - 如 ($(".div1"))

2、示例说明

 $("p").wrap("<div></div>")   // 在 <div> 元素中包裹每个段落

父节点要和添加子节点差不多，但你要把父节点放在什么地方，例如放在body:

var ele=$('<div>子节点</div>')

var ele1=$('<div>父节点</div>')

$(ele1).append(ele)//把子节点放在父节点里

$(document.body).append(ele1)//把父节点放在body里

用jquery的wrap方法，例如

<input id="myIpt">

<script>

$("#myIpt").wrap("<div></div>")

</script>

参数：是一个html标签，你也可以在标签里加其他属性，例如

<input id="myIpt">

<script>

$("#myIpt").wrap("<div style='border:1px solid #000'></div>")

</script>

---