jQuery检查select是否有选项

Question

我在页面上随机选择一个具有相同类别的选项，例如.selectWidth我需要检查哪个选项没有任何选项，并且对于没有选项的每个选项都执行相同的功能。

Answer 1

您可以选择没有选项的内容，如下所示。

$('.selectWidth:not(:has(option))')

你可以使用下面的方法迭代这些。

$('.selectWidth:not(:has(option))').each(function() {
    // do you stuff
})

Answer 2

您可以使用.filter()

的jQuery

$('.selectWidth').filter(function(){
    return this.options.length === 0;
}).each(function(){
    // do something
});

HTML

<select class="selectWidth"></select>
<select class="selectWidth">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<select class="selectWidth">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<select class="selectWidth"></select>
<select class="selectWidth"></select>