javascript - 隐藏只有 1 个选项的下拉菜单？

Question

如何隐藏只有 1 个选项的下拉菜单的列表项？下面，我想隐藏第一个和第三个，但无法弄清楚。有人可以帮忙吗？

<li>
  <label>Test 1</label>
  <select>
    <option selected="selected" value="0">Select</option>
  </select>
</li>
<li>
  <label>Test 2</label>
  <select>
    <option selected="selected" value="0">Select</option>
    <option selected="selected" value="1">Option 1</option>
  </select>
</li>
<li>
  <label>Test 3</label>
  <select>
    <option selected="selected" value="0">Select</option>
  </select>
</li>

Answer 1

试试这个:

$('select').filter(function() {
    return $(this).find('option').length === 1; 
}).closest('li').hide();