如果hasClass条件不起作用jquery

Question

我试图找出如何显示/隐藏元素，具体取决于元素＆＃34; .question a＆＃34;有班级＆＃34;检查＆＃34;或不。但它不起作用。有人知道为什么;（？

$().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

<强>替换

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);
    }   

});