У меня есть этот код: 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?

1
J.Zil 10 Июл 2013 в 14:33

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));
              }
          });
      }
});
3
MrCode 10 Июл 2013 в 14:36
Нет проблем, приятно видеть, что мой код из предыдущего ответа используется :-)
 – 
MrCode
10 Июл 2013 в 14:49