实例
在每个 p 元素的内容上包围 b 元素:
$(".btn1").click(function(){ $("p").wrapInner("<b></b>")
; });
亲自试一试
定义和用法
wrapInner() 方法使用指定的 HTML 内容或元素,来包裹每个被选元素中的所有内容 (inner HTML)。
语法
$(selector).wrapInner(wrapper)
参数 | 描述 |
---|
wrapper | 必需。规定包围在被选元素的内容周围的内容。 可能的值: - HTML 代码 - 比如 ("<div></div>")
- 新的 DOM 元素 - 比如 (document.createElement("div"))
- 已存在的元素 - 比如 ($(".div1"))
已存在的元素不会被移动,只会被复制,并包裹被选元素。 |
使用函数包裹内容
使用函数来规定包围在每个被选元素周围的内容。
语法
$(selector).wrapInner(function())
亲自试一试
参数 | 描述 |
---|
function() | 必需。规定返回包围元素的函数。 |
亲自试一试 - 实例
- 使用新元素来包裹
- 创建一个新的 DOM 元素来包裹每个被选元素。