javascript - 通过 JQUERY 隐藏在 HTML 中具有数值的 SELECT 选项

Question

在我接下来的选择下拉菜单中，我想隐藏其中只有数字(或以数字开头)的选项。

例如，我想隐藏 28(2)、29(2)、35(2) 和 49(2)。

<select data-facet="field_video_tags" id="ajax-facets-selectbox-field-video-tags" name="field_video_tags" class="form-select hide processed">
   <option value="0">Select all</option>
   <option value="5">First Option (11) </option>
   <option value="38">Second Option (9) </option>
   <option value="13">Third Option (3) </option>
   <option value="28">28 (2) </option>
   <option value="29">29 (2) </option>
   <option value="35">35 (2) </option>
   <option value="49">49 (2) </option>
   <option value="8">Forth Option (2) </option>
 </select>

这是我试过的:-

$('select#ajax-facets-selectbox-field-video-tags').filter(function() {
            return ($.isNumeric($(this).val()));
        }).addClass('hide');

当然，.hide 在我的 css 中被定义为 {display:none}。

谢谢

Answer 1

这是我会做的:

http://codepen.io/anon/pen/yjBfl

$('#ajax-facets-selectbox-field-video-tags option')
  .filter(function () { return !isNaN(parseInt($(this).text())); })
  .hide();