Как записать вот такую схему на jquery?

Question

То есть Когда в диве с .class1 имеется класс active

<a href='#' class='class1 active' onclick="return true;">///</a> 
<a href='#' class='class1' onclick="return false;">///</a>
<a href='#' class='class1' onclick="return false;">///</a>

То ему нужно изменить атрибут (onclick="return false;" на onclick="return true;"), а когда класса active нету, то атрибут возвращается тот что бы изначально onclick="return false;". У меня три блока, и класс active может добавляться как при клике на блок, так и автоматически при автопрокрутке блоков (как слайдер). Вот как мне записать такую схему, просто ток изучаю jquery и очень сложно!!!!!

Answer 1

В DOM видно как меняется onclick="".

function PropOnclick () {
  $('.class1').each(function(){ // Пробегаем по всем элементам с классом .class1
    if($(this).hasClass('active')) // если у элемента есть класс active
      $(this).attr('onclick', 'true'); // то ставим ему onclick true
    else // если нет
      $(this).attr('onclick', 'false'); // то onclick false
  });
} PropOnclick(); // выполним скрипт при загрузки страницы

$('.class1').on('click', function(){
  // это для примера
  $('.class1.active').removeClass('active');
  $(this).addClass('active');
  // это для примера

  // После того как сменится класс active
  PropOnclick(); // выполняем функцию ещё раз
});

.class1[onclick="true"] {
  color: red;
}

.class1[onclick="false"] {
  color: #333;
}

.class1.active {
  background: gray;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href='#' class='class1 active'>///</a> 
<a href='#' class='class1'>///</a>
<a href='#' class='class1'>///</a>

БЛОГ НА HUSL

Как записать вот такую схему на jquery?

Ответы (1 шт):