使用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/

看看這個小提琴。