JQuery - 重新排列对象 - 最短代码解决方案

Question

我只是想知道是否有更好的方法来编写以下代码？注意:以下作品 100% 正常。

目前这会创建一个对象数组。好吧，我称它们为对象。我最好说是 DOM References。注意:请纠正我 - 渴望学习。

然后它循环遍历它们，隐藏所有内容并仅显示那些具有与 'sortText< 中的文本/字符串匹配的类 '.contactsBodyMainDisplayMemberUserNameH2' (下面有许多子项)的内容'.

var contactsMemberArray = $('#contactsMainWrapperDIV').children()
                           .map(function() {return $(this);}).get();
$.each(contactsMemberArray, function() {
    $(this).hide();
    var username = $('.contactsBodyMainDisplayMemberUserNameH2', this).text();
    if(username != '' && username.toLowerCase().indexOf(sortText.toLowerCase()) >= 0) {
        $(this).show();
    }
});

• 有没有更快的方法来做到这一点？
• 我需要先映射对象还是可以直接对它们进行排序？

JS Fiddle

Answer 1

你可以做这样的事情。

var contactsMemberArray = $('#contactsMainWrapperDIV').children().hide();
$.each(contactsMemberArray, function() {
    var username = $(this).find('.contactsBodyMainDisplayMemberUserNameH2').text();
    if(username !== '' && username.toLowerCase().indexOf(sortText.toLowerCase()) >= 0) {
        $(this).show();
    }
});