使用jquery禁用除特定div中的控件之外的页面上的所有控件

Question

我想使用jquery禁用除特定div中包含的控件外的页面中的所有控件。

$('input,select,textarea,div:not("#viewNotice")').attr('disabled', 'disabled'); 

我已经尝试使用上面的选择器，但它不工作良好。在这里，我将禁用所有input, select and textarea控件，并将其保存为viewNotive div。

注意：在viewNotice div中我有一个JqGrid。我不想禁用jqgrid。

Answer 1

你应该考虑使用类似于模态层的东西来代替。这在很多方面会简单得多。但是，您可以尝试以下方法：

$(':input').not('#viewNotice :input').attr('disabled', true); 

你用过选择不将有viewNotice的ID（除其他元素）的所有div的选择。这段代码选择所有输入元素（:input参见jQuery's selector API），然后排除#viewNotice中包含的所有输入。

Answer 2

http://www.jsfiddle.net/Z2wYn/

看看这个小提琴。