1

Данный код проверяет элементы div c классом form-field на наличие у них так же класса false_validation. В проверке в первом console.log я вывожу результат элемента (true) если есть у него в списке класс false_validation и вывожу строку 'No class false_validation', если нет в списке классов этого класса. А во втором console.log я вывожу ВСЕ классы:

var ff = jQuery('div.form-field');
for (var i = 0; i < ff.length ; i++ ){
        if(ff.hasClass("false_validation")) {

           document.getElementsByClassName('form-field')[i].value = ''; // action

            if(ff.hasClass("false_validation")){
                console.log(ff.hasClass("false_validation")); // 1 console.log
            } else { console.log('No class false_validation');}
            console.log(ff[i].classList);                     // 2 console.log
        }
    }

Вывод консоли браузера:

true
(3) ["form-field", "form-name", "false_validation", value: "form-field form-name false_validation"]
true
(3) ["form-field", "form-tel", "false_validation", value: "form-field form-tel false_validation"]
true
(2) ["form-field", "form-city", value: "form-field form-city"]
true
(3) ["form-field", "form-email", "false_validation", value: "form-field form-email false_validation"]
true
(3) ["form-field", "form-password", "false_validation", value: "form-field form-password false_validation"]
true
(3) ["form-field", "form-password", "false_validation", value: "form-field form-password false_validation"]
true
(2) ["form-field", "form-accept", value: "form-field form-accept "]
true
(3) ["form-title", "form-field", "false_validation", value: "form-title form-field false_validation"]

Т.е. везде значение true!, даже если класса false_validation в списке классов у элемента нет!Во всех источниках пишут применение в hasClass в таком виде:

$('#say').hasClass('meow')

Подскажите, почему у меня это условие не срабатывает?

4
  • 1
    Почему внутри цикла идет проверка на наличие класса у ff, а не у ff[i]? Также у вас 2 одниаковых вложенных проверки, на ветку else перехода никогда не будет
    – yolosora
    2 фев 2018 в 12:02
  • @yolosora, Вы правынемного не туда начал рыть проблема моя состоит в том, что НЕ срабатывает моя строка action для элементов у которых есть класс false_validation. Мой action срабатывает для ВСЕХ элементов с классом form-field! 2 фев 2018 в 12:14
  • 1
    ну это похоже уже на совсем другую историю!
    – yolosora
    2 фев 2018 в 12:17
  • @yolosora, согласен. Напишите свой комментарий в ответе, я его прийму как ответ на свой вопрос!Вы на него, получается ответили. А свою ситуацию я опишу в другом вопросе. Спасибо 2 фев 2018 в 12:22

1 ответ 1

2

Все просто. В переменной ff у Вас хранятся все элементы, попадающие под селектор. Вы используете hasClass не на каждый элемент, а на коллекцию элементов и эта функция работает по-другому - то есть она в этой коллекции находит хотя бы 1 класс false_validation и выдает true. Ваш код можно переделать так, используйте цикл each для коллекции ff

var ff = jQuery('div.form-field');
ff.each(function(){
  var $this = $(this);

  if($this.hasClass("false_validation")) {
     $this.value = ''; // action
     console.log($this.hasClass("false_validation"))
  } else {
     console.log('No class false_validation');
     console.log($this.classList);  
  }
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-field"></div>
<div class="form-field"></div>
<div class="form-field false_validation"></div>
<div class="form-field"></div>
<div class="form-field"></div>

Ваш ответ

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

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