javascript - jqueryで指定要素を削除するには?

Question

スクリプトに少し問題があります。スパンを確認する必要があります。途中にコンテンツがある場合は何もしません...しかし、空の場合は、このスパンを削除するか、たとえばスタイルを変更します。スパンが空であることを指定すると、スクリプトはすべてのスパンを消去します。手伝って頂けますか？

html

<span class="insert_list_item"></span>
<span class="insert_list_item">data</span>

脚本

if ($('.insert_list_item').length > 0){
    $('.insert_list_item').each().remove();
}

score 4 · Accepted Answer

使用する:empty

$('.insert_list_item:empty').remove()

すべての空の要素を削除します。または

 $('.insert_list_item:not(:empty)').remove()

空でない要素をすべて削除するには

http://api.jquery.com/category/selectors/で、利用可能なすべてのセレクターを確認できます。

score 2 · Accepted Answer

各チェック長:

$('.insert_list_item').each( function(){
     var span = $(this);
     if (span.html().length === 0) {
         span.remove();
     }
});

また

:empty でフィルタ:

$('.insert_list_item').filter(":empty").remove();

score 2 · Accepted Answer

どうですか：

$( '.insert_list_item' ).filter(function () { 
    return $.trim( $( this ).text() ) === '';
}).remove();

ライブデモ: http://jsfiddle.net/RMZLm/

このソリューションは、空白を含む SPAN 要素 (例: <span class="insert_list_item"> </span>) でも機能することに注意してください。

score 1 · Accepted Answer

使用状態内部each。それぞれがセレクターによって返されたすべての要素を反復します。

$('.insert_list_item').each(function(){

  if($(this).html().length === 0)
       $(this).remove();
});

score 0 · Accepted Answer

これを試して：

if ($('.insert_list_item').text().length > 0){
    $('.insert_list_item').remove();
}

5 に答える 5