时间戳

首页 > 解决方案 > 通过 CSS 隐藏表单中的字段

jquery - 通过 CSS 隐藏表单中的字段

问题描述

所以我试图隐藏表单中的一些字段。该input type=""部分很容易通过 ID 隐藏，但是我不知道如何编辑标签类。

在阅读了几篇文章和网站后，我确实尝试了:nth-child()选择器，但似乎无法使其正常工作。这就是我所做的。关于我做错了什么以及如何改进的任何建议？：

#fc-calc-result-wraps:nth-child(2n) {
  display: none;
}
<div class="fc-calc-result-wraps" style="display: block;">
  <div class="input-group">
    <label class="control-label">Total At Retirement:</label>
    <input type="text" class="control num" id="edFV" maxlength="14" size="16" disabled="">
  </div>
  <div class="input-group">
    <label class="control-label">Contributions:</label>
    <input type="text" class="control num" id="edNumPmts" maxlength="3" size="16" disabled="">
  </div>
  <div class="input-group">
    <label class="control-label">Total Invested:</label>
    <input type="text" class="control num" id="edTotalInvested" maxlength="14" size="16" disabled="">
  </div>
  <div class="input-group">
    <label class="control-label">Interest Earned:</label>
    <input type="text" class="control num" id="edInterest" maxlength="14" size="16" disabled="">
  </div>
  <div class="input-group tail">
    <label class="control-label">Last Deposit Date:</label>
    <input type="text" class="control num" id="edFVDate" maxlength="14" size="16" disabled="">
  </div>
</div>

标签： jquerywordpresspluginsjquery-plugins

解决方案

尝试这个：

.fc-calc-result-wraps > div:nth-child(2){
  display: none;
}

https://codepen.io/anon/pen/RYwvQb

推荐阅读