javascript - jQuery 隐藏选项元素

Question

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>

要隐藏我可以使用的有值(value)的选项

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

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

Answer 1

您可以使用包含选择器:

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

更新:使用类选择器-

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