javascript - 即使切换它时，hasClass 也始终返回 false

Question

我有以下代码

<form>
    <input type="text" class="add-new">
    <input type="submit" class="hidden" id="add-new" value="Add new">
<form>

和一个带有此代码的js

$("#add-new").on('click', function(event){
    event.preventDefault();
    if ($(this).val() === "Add"){
        $(this).val("Cancel");            
    }else{
        $(this).val("Add");
    }
    console.log($(".add-new").hasClass('hidden')); // this is always false why??           

    $(".add-new").val("").toggleClass('hidden');
    if ($(".add-new").hasClass('hidden') === false) {
        $(".add-new").focus();            
    }
});

尽管我总是输入“如果我从未将焦点放在输入框上”。为什么我切换后总是错误？从 Chorme 的命令行工作得很好，但焦点仍然不起作用。我已经在电脑前呆了 9 个多小时了，请问您发现我的 javascript 代码有什么问题吗？

Answer 1

您想查找哪个输入？此时 console.log($(".add-new").hasClass('hidden')); 输入类 .add-new 没有类.hidden

$(".add-new").val("").toggleClass('hidden'); // Now it has
if ($(".add-new").hasClass('hidden') === false) { // And it will be always false because now it has .hidden
    $(".add-new").focus();            
}