Почему не скрывает второй одинаковый classname?

Question

[kickass77]

$(document).on('input', '.b24-form-control', function(){

    var num = $(this).val();
    var className = $(this).attr('class');

    var email = "b24-form-control b24-form-control-not-empty";
    var phone = "b24-form-control";

    console.log(className);

    if(num != '') {
    	if(className == email) {
    			$(".b24-form-control-label:last").hide();
    	}else
    	if(className == phone) {
    			$(".b24-form-control-label:first").hide();
    	}
    }
});

Не могу понять, почему не срабатывает условие для .b24-form-control-label:last
Два одинаковых класса, на первый условие работает, для второго - нет.
При этом, в тело условия if(className == email) добавлял вывод в консоль - все отлично срабатывает, условие проходит успешно, но hide под last не работает.

Comments

[Сергей delphinpro]

наверное потому что .b24-form-control-label вовсе не :last

[Сергей delphinpro]

на всякий случай дополню, что last – это не про класс, а про DOM-элемент

Answer 1

[Виктор П.]

Привет,
Ты можешь поставить точку останова или написать просто слово debugger в нужном месте и в прерывании посмотреть значения всех переменных, что вычисляется в условиях if - этого должно быть достаточно, выглядит не сложно, чтобы самостоятельно разобрался
более простой вариант пиши больше логов, пусть и через консоль лог, но лучше, конечно, учиться пользоваться дебаггером
чтобы тут помогли, нужно сделать этот пример в сандбоксе, чтобы люди могли самостоятельно потыкать, гадалками работать никому не хочется. Если заходит в нужную ветку, но не отрабатывает .hide(), сначала выведи console.log($(".b24-form-control-label:last"))