Как извлечь число из текста с помощью jQuery

Как извлечь число из текста с помощью jQuery

26.08.2023
598
Как получить числовое значение из произвольного текста на странице средствами jQuery.

На странице есть элемент с текстом::

<div id="tag_with_num">
  Стоимость товара: 1 200 рублей
</div>

Требуется:

  1. Получить текст элемента
  2. Извлечь числовое значение
  3. Преобразовать в число
  4. Вернуть результат

Решение

Реализуем функцию для извлечения числа:

function getNums() {
  // Получаем текст элемента
  let text = $('#tag_with_num').text();

  // Оставляем только цифры
  text = text.replace(/[^0-9]/gi, '');

  // Переведем результат в число
  let num = parseInt(text, 10);

  // Выполняем действия в зависимости от результата
  if(num > 0) {
     return num;
  } else {
    return 'В строке нет чисел';  
  }

}

// Вызов функции
let result = getNums();

Пояснение:

  1. Получаем текст через jQuery
  2. Удаляем не числовые символы regex
  3. Парсим строку в число
  4. Возвращаем результат или сообщение об ошибке
  5. Вызываем функцию и сохраняем результат

Таким образом, используя всего несколько строк кода jQuery, мы можем гибко извлекать числа из текста на странице.

Этот подход удобно применять, когда нужно получить числовые данные из HTML разметки.