Jquery在不刪除的情況下啓用和禁用dom元素

Question

我有一種在其生命中某個時刻有三種選擇的表單。根據選中哪個項目，更多表單元素將會下降。目前這些只是隱藏，並會點擊顯示/隱藏。但是，驗證這些時仍然在DOM中。我不想刪除它們，並且每次都重新添加它們。是否有更簡單的方式來啓用/禁用一大堆表單選項？

Answer 1

我已經在表單中使用這個來禁用輸入。然而，他們總是會在DOM中，並且取決於您如何驗證表單，這可能不是答案。

$('#elementwrapper input').each(function() { 
    $(this).attr('disabled', 'disabled'); 
}); 
$('#elementwrapper select').each(function() { 
    $(this).attr('disabled', 'disabled'); 
}); 

Answer 2

您可以將不同的表單元素放入帶有ID的div中。然後做

$('#IdOfDivHoldingSetOfElements').find('input').attr('disabled', 'disabled'); 

和

$('#IdOfDivHoldingSetOfElements').find('input').removeAttr('disabled'); 

如果你有下拉選擇你需要禁用也當然的選擇

。