jQuery 文檔操作 - wrapInner() 方法

2018-07-22 21:48 更新

實(shí)例

在每個(gè) p 元素的內(nèi)容上包圍 b 元素:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

親自試一試

定義和用法

wrapInner() 方法使用指定的 HTML 內(nèi)容或元素,來包裹每個(gè)被選元素中的所有內(nèi)容 (inner HTML)。

語法

$(selector).wrapInner(wrapper)
參數(shù) 描述
wrapper

必需。規(guī)定包圍在被選元素的內(nèi)容周圍的內(nèi)容。

可能的值:

  • HTML 代碼 - 比如 ("<div></div>")
  • 新的 DOM 元素 - 比如 (document.createElement("div"))
  • 已存在的元素 - 比如 ($(".div1"))

已存在的元素不會(huì)被移動(dòng),只會(huì)被復(fù)制,并包裹被選元素。

使用函數(shù)包裹內(nèi)容

使用函數(shù)來規(guī)定包圍在每個(gè)被選元素周圍的內(nèi)容。

語法

$(selector).wrapInner(function())

親自試一試

參數(shù) 描述
function() 必需。規(guī)定返回包圍元素的函數(shù)。

親自試一試 - 實(shí)例

使用新元素來包裹
創(chuàng)建一個(gè)新的 DOM 元素來包裹每個(gè)被選元素。
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)