Question

在这个小提琴中，我有一部分形式： http://jsfiddle.net/ZXSKH/55/

我试图通过选择带有css的类并设置display：none来默认隐藏标签和1个输入字段。这适用于选择“输入”但是对于标签，这不起作用，因为在其他地方我使用display：inline-block或block wich然后再次使标签可见。

不是在css中这样做，我应该用jquery隐藏标签和inputfield吗？有人可以帮我吗？

Answer 1

如果您在要隐藏的字段周围放置div标记，那么您的生活会更轻松，这样，您的jQuery代码就可以显示/隐藏特定的div（给它一个id来定位它）。这样，将标签设置为内嵌块或块上的标签将没有什么区别，因为包含标签的div已经隐藏。

Answer 2

您可以使用jquery隐藏标签和输入字段。可以使用jquery

轻松完成

例如

$(id).css('display','none');

或您也可以使用jquery 隐藏方法

例如

$(id).hide();

Answer 3

正如我在你的代码和html中看到的那样，你在没有任何容器的情况下添加了所有控件。使用表格或div。

我更喜欢使用<div>。如果你想跟随它，那么请按照这两个链接作为参考重置你的特定项目的CSS，然后在css中将其visibility设置为隐藏为：

h1.hidden {visibility:hidden;}

Jquery: How to check if the element has certain css style

http://api.jquery.com/css/

将隐藏的控件放在div中，然后你可以使用$（'＃divName1'）。hide（）或$（'divName1'）。show（）来实现你的功能。

你可以生成动态的html内容，而不是在点击选中的项目时指定一组控件..使用{jumery的insertAfter方法。您可以通过以下链接获取有关此内容的更多详细信息：

http://api.jquery.com/?ns0=1&s=insertafter&go=

选择InsertAfter以详细说明示例以简化您的流程。

Answer 4

javascript虽然！试一试。

    <script type="text/javascript">
    <!--
    function ShowOrHide(id) {
       var e = document.getElementById(id);
       e.style.display = 'block';
    }
function Hide(id) {
       var e = document.getElementById(id);

          e.style.display = 'none';

    }
    //-->
    </script>

Answer 5

你不必在这里使用javascript来解决看似只是显示问题的问题。使用css找到解决方案而不是使用错误的工具来解决问题是更好的做法。为什么需要将标签显示设置为阻止在其他位置？这可以更具体地针对需要展示的特定标签，其余部分是否隐藏？

Answer 6

你可以用！important覆盖display：inline-block等，所以创建一个类

.hidden{display: none !important;}

适用于您的标签或其他

<label id="my-label" class="hidden"></label>

如果要删除它（使其可见），请使用jquery

$("#my-label").removeClass("hidden");

使用css或jquery隐藏标签和输入字段

6 个答案: