Как по this получить текущий соседний класс?

Question

[Genri_Rus]

Вот пример: https://codepen.io/Genri_Rus/pen/JjYayKY

Я для всех инпутов задал класс input-text.
Когда человек что-то пишет в инпуте, то как получить текущий соседний класс, допустим input-email?

Пока что в мыслях только такое решение: $(this).parent().find('.input-email');

Может, есть вариант проще?

Answer 1

[iBird Rose]

$('.input-text').on('input', function() {
  var classList = $(this).attr('class').split(/\s+/);
  for (var item of classList) {
    if (item === 'input-email') {
          console.log('ok');
    }
  }
});

Comments

[Genri_Rus]

Не работает:

https://codepen.io/Genri_Rus/pen/JjYayKY

[iBird Rose]

Genri_Rus, все работает

[Genri_Rus]

iBird Rose, а почему тогда у меня не работает ?

https://codepen.io/Genri_Rus/pen/JjYayKY

[iBird Rose]

Genri_Rus, скрин выше - как раз твое. без каких либо изменений

[Genri_Rus]

iBird Rose, мне нужно, чтобы именно .input-email

[iBird Rose]

Genri_Rus, ну вот читаем что ты написал в своем коде: когда мы пишем что-то в .input-text - если по соседству есть .input-email и значение в нем больше 0 - тогда пишем в консоль ok.
т.е. если в .input-email число больше 0 и ты пишешь что-то в соседние инпуты - будет писаться ok

[Genri_Rus]

iBird Rose, да меня кто-то исправил

Поправил вопрос, до этого был текущий соседний класс

[iBird Rose]

Genri_Rus,

$('.input-text').on('input', function() {
  var classList = $(this).attr('class').split(/\s+/);
  for (var item of classList) {
    if (item === 'input-email') {
          console.log('ok');
    }
  }
});

[Genri_Rus]

iBird Rose, спасибо

А как можно еще проверить на value ?

Т.е чтобы у класса input-email был value > 0

[iBird Rose]

Genri_Rus,

$('.input-text').on('input', function() {
  var classList = $(this).attr('class').split(/\s+/);
  for (var item of classList) {
    if (item === 'input-email') {
      if ($('.'+item).val() > 0) {
        console.log('ok');
      }
    }
  }
});

[Genri_Rus]

iBird Rose, большое спасибо !