0

Нужно извлечь число из класса у элемента для дальнейшей работы с ним. Класс извлек, но почему число то не извлекается, почему parseInt не выполняет задачу?

class_cal = $('#cal-view-2').attr('class').split(' ')[0];
console.log(class_cal);
console.log(parseInt(class_cal));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="cal-view-2" class="cal-6 cal clearfix Drupal-availabilityCalendar-View-init-processed">
  <div>

2
  • Потому что это не его работа
    – vp_arth
    12 ноя 2017 в 8:36
  • если нужно извлекать по шаблону, нужно использовать регексы
    – IC_
    12 ноя 2017 в 8:37

2 ответа 2

1

Вам нужно выделить число из строки:

  • регулярным выражением: .match(/\d+/)[0]
  • разделением в массив: .split('-')[1]
  • любым другим способом

class_cal = $('#cal-view-2').attr('class').split(' ')[0];
console.log(class_cal);
console.log(parseInt(class_cal.match(/\d+/)[0]));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="cal-view-2" class="cal-6 cal clearfix Drupal-availabilityCalendar-View-init-processed">
  <div>

9
  • плохо /\d+/. Если там будут какие-нибудь другие паттерны?
    – IC_
    12 ноя 2017 в 8:40
  • плюс [0] возвращает полную строку. Первая капч группа с 1 начинается
    – IC_
    12 ноя 2017 в 8:40
  • @Herrgott, товарищ, будьте внимательнее. Анализируется конкретный класс, полученный автором вопроса. И в рег.выражении нет ни одной группы захвата
    – vp_arth
    12 ноя 2017 в 8:41
  • то есть раз у него класс на первом месте, то нужно делать split[0]? Не совсем ли уж голимый подход? А если кто-то добавит первым классом col-md-2?
    – IC_
    12 ноя 2017 в 8:42
  • Получение нужной строки вне компетенции ответа на вопрос "как достать число из переменной". Авторский код - он так видит.
    – vp_arth
    12 ноя 2017 в 8:43
0

Лучше всего не полагаться на то, что класс, из которого выделяется число будет первым в массиве ([0]), а получить всю строку классов (document.getElementById('id').classList.value) и выделить число по шаблону /(?:^|\s+)cal-view-(\d+)(?:\s+|$)/. Это гарантирует что выделяемое число не будет числом другого класса

const match = /(?:^|\s+)cal-view-(\d+)(?:\s+|$)/.exec(class_cal)
console.log(parseInt(match[1]))
5
  • Тогда уж /(?:^|\s+)cal-view-(\d+)(?:\s+|$)/
    – vp_arth
    12 ноя 2017 в 8:50
  • @vp_arth зачем?
    – IC_
    12 ноя 2017 в 8:51
  • А вдруг там будет класс bcal-view-7? Или cal-view-2-old?
    – vp_arth
    12 ноя 2017 в 8:52
  • логично конечно
    – IC_
    12 ноя 2017 в 8:52
  • @Herrgott в моем случае не будет)) цифра всегда в конце класса и имеет уникальное значение
    – engenes
    12 ноя 2017 в 9:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.