在指定的元素外加上HTML

在用WordPress的時候,不管是編輯器或者外掛,有時候版面編排不一定是自己要的樣子,總想著若能加上HTML結構,那整體的版面調整會更佳靈活!

 

這時就可以利用jQuery的 wrap() 屬性來達成!

$("指定元素").wrap("<div>HTML結構</div>");

透過這個方式可以自由在想要的元素(Class、ID、p等等),前後包上一層想要的HTML

 

如果想把多個元素包一起則可以使用 wrapAll() 達成

$("指定元素").wrapAll("<div>HTML結構</div>");

一般而言,我自己是會把想要包起來的元素都命名同一個 Class ,再使用 wrapAll() 包起來,這樣再寫CSS就沒問題了!