この記事はNOTE(メモ)として作成された単一記事です。
2014年2月9日jQuery 指定要素の子要素を任意のHTMLタグで囲む
WordPressなどのテンプレートタグが出力するコードをあとからカスタマイズしたい場合などに便利です。
例としてaタグの中身をspanタグで囲む記述を示します。
API:wrapInner
1 2 3 |
jQuery(function(){ jQuery("指定した要素").wrapInner("<HTMLタグ></HTMLタグ>"); }) |
Example
- aタグの中身をspanタグで囲む
-
123jQuery(function(){jQuery("a").wrapInner("<span></span>");})
備考:指定した要素を、HTMLで作成した要素で囲む
- API:wrap
-
123jQuery(function(){jQuery("指定した要素").wrap("<HTMLタグ></HTMLタグ>");})
Example
- aタグをdivタグで囲む
-
123jQuery(function(){jQuery("a").wrap("<div class="wrap"></div>");})