JQuery 不会使用值进行过滤

Question

我正在尝试创建一个简单的函数，它会告诉我何时选择了 div 中的所有下拉框。问题似乎是过滤器没有选择任何内容，因此长度始终为 0。知道会发生什么吗？这是我到目前为止所拥有的:

JQuery

$('.month, .year').change(function () {
    var $this = $(this);
    var $empty = $this.parent().parent().find('.month, .year').filter('[value=""]').length;
    if ($empty == 0) {
        alert('there are no empty dropdowns');
    }
});

HTML

<form class="date_catcher">
    <div style="display:inline;" class="start">
        <select class='input-small month' name='month'>
            <option value='' selected='selected'>---</option>
            <option value='0'>Jan</option>
        </select>
        <select class='input-small year' name='year'>
            <option value='' selected='selected'>----</option>
            <option value="2012">2012</option>
        </select>
    </div>

    <div style="display:inline;" class="end">
        <select class='input-small month' name='month'>
            <option value='' selected='selected'>---</option>
            <option value='0'>Jan</option>
        </select>
        <select class='input-small year' name='year'>
            <option value='' selected='selected'>----</option>
            <option value="2012">2012</option>
        </select>
    </div>
</form>

感谢您的帮助!

Answer 1

试试这个 -

var $empty = $this.closest('form').find('.month, .year').filter(function(){
  return this.value === "";
}).length;

演示 --> http://jsfiddle.net/J8x5X/