jquery - 如果hasClass条件不起作用jquery

Question

我试图找出如何显示/隐藏元素，具体取决于元素“.question a”是否具有“已​​检查”类。但它不起作用。任何人都知道为什么;(？

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

$在 myLink 之前添加

$(document).ready(function() {

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

});

Answer 3

尝试

$(function() {

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

});

Answer 4

替换

var myLink = ".question a";

和

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