[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やク…

【jQuery】フォームに条件分岐(conditional logic)を設定する
【jQuery】フォームに条件分岐(conditional logic)を設定する

例えばアンケートフォーム等で ここに来た目的は? 観光仕事その他 という設問があって、「その他」を選択すると、その下に新たに その他を選んだ方はこちらに目的をご記入下さい というテキストフォームが追加される、というのを作…

コメントを残す