フォーム上のいくつかの要素をjQueryで見えないようにする

Question

私は、input、textareas、およびselectを含むidという "dialogForm"フォームを持っています。

ユーザーが新しいデータを表示したり入力したりすることができないように、上記の要素（id = "Text"のものを除く）をすべて非表示にしたいとします。

<textarea class="mceEditor wijmo-wijtextbox ui-widget 
         ui-state-default ui-corner-all" name="Text" 
id="Text" style="width: 825px;" rows="10" cols="99">test</textarea> 

私は、上記の要素を完全にフォームに塗りつぶすようにスタイルを設定したいと思います。誰かが私にこれをどうやってできるかについてのいくつかの指針を私に与えることができますか？

Answer 1

だけで、特定のフォーム要素を非表示にするには、次のようなものをお勧めします：

$('#dialogForm').find('input[type="text"], select, textarea:not(#text)').hide(); 

これは、他の要素（divタグなど）と一緒にあなたの<textarea id="text" />要素が隠されていないことを保証しますどちらか。チェックボックスなどの要素を追加する必要がある場合は、それらをセレクタリストに追加するだけです。

これをチェックするjsFiddle

Answer 2

$("#dialogForm").children().not("#id").css("display":"none");