javascript - 如何隐藏选择字段中的所有其他选项字段

Question

我需要隐藏每个":nth-child(even)"选项字段。我花了几个小时寻找答案，但找不到。

这可能与 CSS 或 jQuery 吗？

<select name="testbox" id="testbox_id">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
</select>

标签： javascriptjquerycss

Answer 1

您可以将display属性设置为none#testbox_id option:nth-child(even)

#testbox_id option:nth-child(even){
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="testbox" id="testbox_id">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
</select>