[jQuery] 將指定的元素包起來- wrap

在 jQuery 我們可以很輕鬆的使用 .wrap() 將指定的元素用我們想要包的東西包起來，使用方法只要使用 .wrap() 將要把它包起來的 HTML 寫好就好。

首先我們準備這樣的 HTML：

<div class="inner">
  hello world
</div>

然後設定一下 CSS，等一下包起來後就可以看得出來樣子不一樣了。

.outer{
  border: 1px solid #ccc;
  padding: 10px;
}

套上 jQuery 之後就完成了。

$(".inner").wrap("<div class='outer'></div>")

當然也可以套上不只一層，jQuery 會很聰明地幫你處理。

$(".inner").wrap("<div class='outer'><div class='outer'></div></div>")

實際範例：

jQuery .wrap() 說明