[jQuery] 要素の中が改行のみの時のremove

[jQuery] 要素の中が改行のみの時のremove



<div class='box'>中身</div>
<div class='box'></div>
<div class='box'>中身</div>

このようなコードなら、

$('.box:empty').remove();

としてやれば、

<div class='box'>中身</div>
<div class='box'>中身</div>

のように、中身が空の要素(.box)のみ削除出来ます。

しかし、

<div class='box'>
 中身
</div>
<div class='box'>
</div>
<div class='box'>
 中身
</div>

のようなコードだと、改行コードが含まれているため、:emptyは使えません。

なので、

$('.box').filter(function () {
 return $(this).text() === '\n';
}).remove();

とすると、中身が改行コードだけの要素(.box)を削除出来ます。

今日はここまで
[jQuery] 要素の中が改行のみの時のremove

[jQuery] 要素の中が改行のみの時のremove


開発

<div class='box'>中身</div> <div class='box'></div> <div class=&#…


関連する記事



こちらはいかが?


jQueryでExcel書き出し
jQueryでExcel書き出し

http://jquerybyexample.blogspot.com/2012/10/export-table-data-to-excel-using-jquery.html WordPressで作成したHTMLテーブ…

jQueryでHTMLタグを置換する
jQueryでHTMLタグを置換する

例として、ボタンをクリックしてulタグをolタグに置換しています。 See the Pen クリックしてタグを置換する by kosuke agusa (@aguko) on CodePen. でも、このままだとidやク…

FlexsliderのDestroy処理
FlexsliderのDestroy処理

http://flexslider.woothemes.com/ Flexsliderでスライダー処理を設定した後、やっぱりやめよう、という時にスライダーの設定を無効化(Destroy)したい。 そんな時には・・・ $(…

コメントを残す

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

*(必須)

*(必須・表示されません)