Как удалить класс, если другой не существует

Question

В настоящее время я пытаюсь отобразить скрытую кнопку, которая отображается только при нажатии на ссылку, но я не уверен, как ее отобразить, если ссылка не существует.

(function ($) {
  $(document).ready(function()
  {
    $('.wp-block-file.aligncenter a').click(function(e)
    {
      $('.learndash_mark_complete_button').removeClass('hidden');
    });

  });
})(jQuery);

<div class="wp-block-file aligncenter"><a href=".pdf" target="_blank" rel="noreferrer noopener" class="customize-unpreviewable">Open PDF</a></div>

<input type="submit" value="Mark Complete" class="learndash_mark_complete_button hidden">

Answer 1

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

if(!$('.wp-block-file.aligncenter a').length){
  $('.learndash_mark_complete_button').removeClass('hidden');
}

Демонстрация:

if(!$('.wp-block-file.aligncenter a').length){
  $('.learndash_mark_complete_button').removeClass('hidden');
}

.hidden{
  visibility: hidden;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="submit" value="Mark Complete" class="learndash_mark_complete_button hidden">