定義和用法
wrapInner() 方法使用指定的 HTML 內容或元素,來包裹每個被選元素中的所有內容 (inner HTML)。
語法
$(selector).wrapInner(wrapper)
參數wrapper為必需。規定包圍在被選元素的內容周圍的內容。
可能的值:
HTML 代碼 - 比如 ("<div></div>")
新的 DOM 元素 - 比如 (document.createElement("div"))
已存在的元素 - 比如 ($(".div1"))
已存在的元素不會被移動,只會被復制,並包裹被選元素。
另一個用法:
使用函數包裹內容
使用函數來規定包圍在每個被選元素周圍的內容。
語法
$(selector).wrapInner(function())
參數function()為必需。規定返回包圍元素的函數。
例子:
在每個 p 元素的內容上包圍 b 元素:
<p id="hovertreepara">菜單</p>
<input type="button" id="keleyibold" value="加粗" />
<script>
$("#keleyibold").on("click",function(){$("#hovertreepara").wrapInner("<b></b>");})
</script>
效果:
菜單