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

Question

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

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

我应该使用 jquery 隐藏标签和输入字段，而不是在 css 中执行此操作吗？ 有人可以帮我吗？

Answer 1

如果您在想要隐藏的字段周围放置一个 div 标记，您的生活会更轻松，这样，您的 jQuery 代码就可以显示/隐藏该特定的 div（给它一个 id 来定位它）。这样，将显示设置为内联块或标签上的块不会产生任何影响，因为包含标签的 div 已经隐藏。

Answer 2

正如我在代码和 html 中看到的那样，您添加了所有控件，而没有任何容器。使用 table 或 div。

我更喜欢使用

。如果您想遵循相同的操作，请按照这两个链接作为参考来重置特定项目的 css，然后将 css 中的 visibility 设置为隐藏：

h1.hidden {visibility:hidden;}

Jquery：如何检查元素是否具有某种 css 样式

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

将隐藏控件放在 div 中，然后就可以使用$('#divName1').hide() 或 $('#divName1').show() 来实现您的功能。

您可以生成动态 html 内容，而不是在单击选中的项目时指定一组控件。使用类似于 jquery 的 insertAfter 方法。
您可以通过以下链接获得更多详细信息：

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

选择 InsertAfter 查看详细示例以简化流程。

Answer 3

您可以使用 jquery 隐藏标签和输入字段。
使用 jquery 可以很容易地完成，

例如。

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

或者您也可以使用 jquery hide 方法，

例如。

$(id).hide();

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");