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

分享:
標籤: jQuery javascript

在 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() 說明

 

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。