Если hasClass условие не работает jquery

Question

Я пытаюсь выяснить, как показать/скрыть элемент в зависимости от того, имеет ли элемент «.question a» класс «checked» или нет. Но он не работает. Кто-нибудь знает, почему;? (

$().ready(function() { 

    var myLink = ".question a"; 
    if (myLink.hasClass('checked')) { 
     $('.answer').show(300); 
    } 
    else { 
     $('.answer').hide(300); 
    } 

}); 

Answer 1

Попробуйте как

$(document).ready(function() { 
    var myLink = $(".question a"); 
    if (myLink.hasClass('checked')) { //You can also use $(this).hasClass 
     $('.answer').show(300); 
    } 
    else { 
     $('.answer').hide(300); 
    } 
}); 

Если вы хотите изменить статус ссылки затем вызвать то же самое время как ваше событие вызвало как

$(myLink).on('click',function(){ 
    if ($(this).hasClass('checked')) { 
     $('.answer').show(300); 
    } 
    else { 
     $('.answer').hide(300); 
    } 
}); 

Answer 2

Попробуйте

$(function() { 

    var myLink = $(".question a"); // need to use jQuery selector here 
    if (myLink.hasClass('checked')) { 
     $('.answer').show(300); 
    } 
    else { 
     $('.answer').hide(300); 
    } 

}); 

Answer 3

Repalce

var myLink = ".question a"; 

С

var myLink = $(".question a"); 

Answer 4

добавить $ до того MyLink

$(document).ready(function() { 

    var myLink = ".question a"; 
    if ($(myLink).hasClass('checked')) { 
     $('.answer').show(300); 
    } 
    else { 
     $('.answer').hide(300); 
    } 

});