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()取值并测试它是否等于空字符串：

小提琴

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