javascript - 从职位发布的预览中删除空白行

Question

我这里有这个代码: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 实现吗？

Answer 1

您可以 $.trim()值并测试它是否等于空字符串:

Fiddle

$('#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));
              }
          });
      }
});