問題
特定の要素の中を新たな要素で囲うには？
解決策
「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>');
}
コメント