1

ここにこのコードがあります: http://jsfiddle.net/chc9N/5

var list = $('#preview');

$('#requirement').on('keyup', function() {
      list.empty();
      if(this.value.length){
          $.each(this.value.split("\n"), function(i, val){
              list.append($('<li></li>').text(val));
          });
      }
});

$('#requirement').trigger('keyup');

私がやりたいのは、空白が残っている行を無視することです。このスクリプトに関する私の問題は、人々がコンテンツ間に多くの空白行を追加し続けると、非常に乱雑になり始めることです。その上のプレビューにコンテンツのある行のみが表示されるシステムが必要です。これはjqueryで可能ですか？

4

1 に答える 1

3

$.trim()値を取得して、空の文字列と等しいかどうかをテストできます。

フィドル

$('#requirement').on('keyup', function() {
      list.empty();
      if(this.value.length){
          $.each(this.value.split("\n"), function(i, val){
              if($.trim(val) != '') {
                  list.append($('<li></li>').text(val));
              }
          });
      }
});
于 2013-07-10T10:36:53.270 に答える