javascript - 如何使用 jQuery 检查切换隐藏状态

Question

当我的 ajax 调用(不)成功时，我从三个警报 div 之一切换隐藏状态。

$('#alert-success).toggle(':hidden');

当我在第一次保存后进行更多更改并再次保存时，我希望 #alert-success 重置为正常状态(隐藏)，以便在成功的 ajax 调用后它将再次出现。

现在发生的情况是，由于 .toggle(':hidden')，我的 #alert-success 在提交时消失了。

如何重置？我尝试过但没有成功:

function resetAlerts() {
    $(document).each(function() {
        if ($('.alert').not(':hidden')) {
            $('.alert').toggle(':hidden');
        }
    })
}

所以我认为这个 .not(':hidden') 只适用于 DOM 中加载的值，并且之后不会更改。可以吗？

Answer 1

您可以检查您的元素是否 .is(':visible') ，然后添加/删除类 hidden ，并在您的 css 中有: .隐藏{display:none;}