javascript - JQuery/JavaScript : Enable and disable div

Question

这是我的代码示例:

$( "#new_warehouse" ).onClick(function() {
  $('.js-dependent-fields:hidden').children().prop('disabled', true);
});

如果 style="display: none;"，它会向我的 js-dependent-fields div 的所有子级添加“禁用”。当 js-dependent-fields div 可见时，如何恢复此状态？

非常感谢!

Answer 1

您应该正确使用 .on() 监听器和 .click() 事件以及 prop() 方法中的回调函数:

$( "#new_warehouse" ).on('click', function() {
   $('.js-dependent-fields').children().prop('disabled', function(){
      return $(this).is(':hidden');
   });
});

需要注意的是，目标元素是一个类选择器，因此它将返回一个集合，因此，我们必须使用 $(this) 查找每个元素并检查它是否是 :可见。