jQuery，用于选择没有价值的选项或特定文本

Question

我选择了所有带有文本“ All”且没有值的顶部选项的选择，但是我需要编写一些适用于这些选择中所有其他选项的代码。

我有下面的代码可以正常工作，但是我宁愿取消第二行的条件。 我确实尝试使用jQuery的'：not'选择器，但无法弄清楚如何为缺少/空/未定义的值配置它。 如果我将值显式设置为空字符串“”，然后使用：not，那将是最好的方法吗？

_.each($(select).find('option'), function(option) {
    if (optionVal = $(option).val()) {

请原谅我对_.each而不是jQuery的用法，我们宁愿保持一致，因为我们使用下划线进行了很多操作，而不仅仅是遍历jQuery匹配集。

Answer 1

在我头顶上方，您可以使用以下任一方法：

$(select).find('option[value!=""]');

要么

$(select).find('option:not([value=""])');

返回不是<option value="">All</option>

如果第一个option始终是无值选项，则还可以使用：

$(select).find('option:not(:eq(0))')

选择不是第first-child所有option元素。

Answer 2

如果要从每个Select元素中排除第一个Option，可以使用:not()选择器和.find()方法：

$('select').find('option:not(:first)');  

如果要过滤具有值的选项，可以使用.filter()方法：

$('select option').filter(function() {
   return $.trim(this.value).length;
});

请注意，要遍历jQuery集合，最好使用jQuery的.each()方法，否则您将失去jQuery提供的可链接性。

Answer 3

$(select).find('option[value]'); // selects all <option>s with value

如果我没有正确理解这个问题。

Answer 4

你可以试试这个

HTML：

<select>
    <option>All</option>
    <option value>0</option>
    <option value=1>One</option>
    <option value=2>Two</option>
</select>

JS：这只会返回最后两个选项（一个和两个）

$('select option').filter(function(){
    return this.hasAttribute('value') && this.value.length;
});

筛选missing/null/undefined值的选项。 这是一个例子 。