jquery - 从 jQuery 选择中返回单个对象而不是数组的最佳方法是什么？

Question

新手问题:

jQuery('.foo')[0] 大部分时间都能完成这项工作。jQuery('.foo:first')[0] 稍微更加明确和高效。但是当数组为空时这不太好，所以检查是必要的。

但是有比使用数组索引器更好的方法吗？即返回是单个对象，如果未找到则返回 null。

我知道它的设计总是返回一个数组，因为 jQuery 的力量在于“设置”操作。但有时更简洁的语法确实有助于提高可读性并避免错误。

Answer 1

我为您制作了这个插件，希望它有用:

//return single DOM element or null
jQuery.fn.getFirst = function() {
    var ele = jQuery(this).filter(':first')[0];
    if(ele !== undefined) {
        return ele;
    }
    return null;
};

简单的测试用例:

<input name="foo" value="hooohooo" class="test"/>
<input name="bar" value="heeeeheeee" class="test"/>

jQuery(document).ready(function() {    
    alert(jQuery('.test').getFirst()); //alerts [object HTMLInputElement]
    alert(jQuery('.nonExistent').getFirst()); //alerts 'null'
});

我不知道 getFirst 是否是最好的名称，有什么建议吗？我也想过single和first，但似乎无法下定决心。