У меня есть этот код: 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 ответ
Вы можете $.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));
}
});
}
});
Похожие вопросы
Связанные вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Имейте в виду, что JavaScript — это НЕ то же самое, что Java! Включите все ярлыки, относящиеся к вашему вопросу; например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [svelte] и т. д.