使用jQuery使表单上的某些元素不可见

Question

我有一个id为“dialogForm”的表单，其中包含input，textareas和choose。

我想使所有上述元素（除了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").children().not("#id").css("display":"none");

Answer 2

要隐藏特定的表单元素，您需要以下内容：

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

这将确保您的<textarea id="text" />元素以及其他元素（div等）也不会被隐藏。如果您需要添加其他元素，如复选框等，只需将它们附加到选择器列表。

选中jsFiddle。