jQuery убрать пробелы из строки

Часто требуется удалить лишние пробелы в тексте, например, в input полях или повторяющиеся более двух раз. Также иногда требуется удалить вообще все пробелы в тексте. Давайте на примерах посмотрим все эти варианты.

Начнем с классики.

Чтобы удалить пробелы в начале и конце строки используйте функцию $.trim(). Данная функция также очистит переносы строк и табы в с троке.

 

Примеры:

<script>
// работа с обычной строкой let str = " еще пробел ";
$.trim(" еще пробел "); //вывод: "еще пробел"
</script>

// работа с input полем, обрежет в нем пробелы и выведет: "текст с пробелами"
‹input class="tr_text" type="text" value=" текст с пробелами " />
<script>
$('.tr_text').val( $('.tr_text').val().trim() );
</script>

 

Если у вас есть такой текст:

<p class="st_text">текст с более чем 2 пробелами
 и переносами строки</p>

То можно удалить лишние пробелы так:
<script>
$('.st_text').text( $('.st_text').text().replace(/\s{2,}/g, ' ') );
</script>

 

Чтобы удалить абсолютно все пробелы в строке используйте эту функцию замены:

<script>
let str = ' строка с пробелами '.replace(/\s+/g, '');
console.log(str);
</script>

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Введите капчу: