問題 × 解決策

「wrapInner」で、ある要素の中を指定のタグで囲う

問題

特定の要素の中を新たな要素で囲うには?

解決策

「wrapInner」を使用する。

 

特定の要素の中を別のタグで囲う

特定の要素の中を、新たな要素で囲うことによって、様々な応用を効かせることができます。
それをjQueryを使って実現する方法をご紹介します。

DEMOはこちら

このテキストがspanタグに囲われて、太字になります。

HTMLの構築

クラス「wrapInner-box」を用意します。

<div class="wrapinner-box">このテキストがspanタグに囲われて、太字になります。</div>

javascriptの構築

クラス「wrapInner-box」にinnerWrapを使用し、中の要素を囲います。

if($('.wrapinner-box').length){
	$('.wrapinner-box').wrapInner('<span class="bold"></span>');
}

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

2 + nineteen =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧