jQuery 隐藏选项元素

jQuery Hide Option elements

本文关键字：元素 选项 隐藏 jQuery      更新时间：2023-09-26

HTML： 

<option data-task-hours="100" value="1"> - Parent Task</option>
<option data-task-hours="50" value="2"> -  - Child task 1 </option>
<option data-task-hours="25" value="3" class="third-level-child"> -  -  - Sub Child task 1.1</option>
<option data-task-hours="50" value="5"> -  - Child task 2</option>

隐藏我可以使用的值的选项

$("#selectlistID option[value='3']").hide();

如何使用子子类隐藏所有选项元素？

您可以使用包含选择器：

$("#selectlistID option:contains('-  -  -')").hide();

更新：使用类选择器 -

$('option.third-level-child').hide();

您必须按类选择选项，如下所示，

$("#selectlistID option[class='third-level-child']").hide();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="selectlistID">
<option data-task-hours="100" value="1"> - Parent Task</option>
<option data-task-hours="50" value="2"> -  - Child task 1 </option>
<option data-task-hours="25" value="3" class="third-level-child"> -  -  - Sub Child task 1.1</option>
<option data-task-hours="50" value="5"> -  - Child task 2</option>
  </select>

相关文章：