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));
              }
          });
      }
});

从工作岗位上的预览中删除空白行

1 个答案: