javascript - 使用 'Search' 方法过滤 和 标签中的文本

Question

此函数当前过滤 <li> <li> 内的文本元素元素。我如何修改它，以便它也可以按 <li> 中的文本进行过滤标签(例如数据属性)>.

我试过更改 ($(this).text().search(...))至 ($(this).search(...))但这只是使该功能完全停止工作。

我在这里发布了一个带有工作示例的 fiddle :http://jsfiddle.net/chayacooper/sMEbN/

$(document).ready(function () {
    $('#list li').addClass('visible');
    $('#search').show();    
    $('#filter').keyup(function(event) {
    if (event.keyCode == 27 || $(this).val() == '') {
            $(this).val('');    
            $('#list li').removeClass('visible').show().addClass('visible');
    }         
        else {
            filter('#list li', $(this).val());
    }
    });
});

function filter(selector, query) {
  query = $.trim(query);
  query = query.replace(/ /gi, '|');   
  $(selector).each(function() {
    ($(this).text().search(new RegExp(query, "i")) < 0) ? $(this).hide().removeClass('visible') : $(this).show().addClass('visible');
  });
}

Answer 1

你可以尝试这样的事情:

$(selector).each(function () {
    var data = $.map($(this).data(), function (el) {
        return el;
    }).join(' ');
    ($(this).text() + ' ' + data).search(new RegExp(query, "i")) < 0 
        ? $(this).hide().removeClass('visible')
        : $(this).show().addClass('visible');
});

http://jsfiddle.net/sMEbN/5/

$(this).data() 返回所有数据属性，然后可以将其连接成字符串。