hasClass即使切换它也总是返回false

我有以下代码

以及带有此代码的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输入没有类.add-new

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