jquery - 重置最近的选择下拉菜单

Question

单击按钮时，我需要重置最近的选择下拉列表。不确定哪个在这里不起作用，错误的选择器或错误的重置方法？

http://jsfiddle.net/infatti/CeSrE/

$('.remove').click(function() {
    $(this).closest('select').val('');
});

<div class="controls">
    <button class="btn btn-link remove" type="button">Reset</button>

    <select id="oberservationType" class=" pull-left">
        <option>Choose</option>
        <option>Mauris elementum</option>
        <option>Eros id dapibus</option>
        <option>Vestibulum erat</option>
        <option>Ultricies lacus magna</option>
    </select>
</div>

Answer 1

Closest() 用于父母，使用.next()或者.nextAll()如果不是直接使用下一个目标元素：

看演示

$('.remove').click(function() {
    $(this).next('select').val('');
});​