實(shí)例
在每個(gè) p 元素的內(nèi)容上包圍 b 元素：
$(".btn1").click(function(){ $("p").wrapInner("<b></b>"); }); 親自試一試
定義和用法
wrapInner() 方法使用指定的 HTML 內(nèi)容或元素，來(lái)包裹每個(gè)被選元素中的所有內(nèi)容 (inner HTML)。
語(yǔ)法
$(selector).wrapInner(wrapper)
| 參數(shù) | 描述 |
|---|
| wrapper | 必需。規(guī)定包圍在被選元素的內(nèi)容周?chē)膬?nèi)容。 可能的值: - HTML 代碼 - 比如 ("<div></div>")
- 新的 DOM 元素 - 比如 (document.createElement("div"))
- 已存在的元素 - 比如 ($(".div1"))
已存在的元素不會(huì)被移動(dòng)，只會(huì)被復(fù)制，并包裹被選元素。 |
使用函數(shù)包裹內(nèi)容
使用函數(shù)來(lái)規(guī)定包圍在每個(gè)被選元素周?chē)膬?nèi)容。
語(yǔ)法
$(selector).wrapInner(function())
親自試一試
| 參數(shù) | 描述 |
|---|
| function() | 必需。規(guī)定返回包圍元素的函數(shù)。 |
親自試一試 - 實(shí)例
- 使用新元素來(lái)包裹
- 創(chuàng)建一個(gè)新的 DOM 元素來(lái)包裹每個(gè)被選元素。