如何小写表的值以使用过滤器

时间:2014-07-08 08:03:56

标签: jquery

我想小写一个表的值,这样我就可以使用我的过滤器搜索这些值,只显示所需的行。

代码:

$(".company-filter").keyup(function() {
    var thisVal = $(this).val().toLowerCase();
    var tableRows = $(".filter-body>tr").show();
    var data = thisVal.split(" ");
    $.each(data, function(i, val) {
        tableRows.filter(':not(:contains(' + val + '))').hide();
    });
}); 

我搜索,学习并知道如何为输入做这件事,但我现在知道如何为我的桌子做这件事。

3 个答案:

答案 0 :(得分:0)

#whatever {text-transform:lowercase;}
在CSS中,如果你的jQuery不起作用,试试吧。你可以通过jQuery来完成,通过jQuery修改CSS。

希望它有所帮助或给你任何想法。祝好运! ;)

答案 1 :(得分:0)

您可以使用.filter(function)

tableRows.filter(function() {
    //':not(:contains(' + val + '))' 
    return $(this).text().toLowerCase().indexOf(val.toLowerCase()) == -1;
}).hide();

答案 2 :(得分:0)

@Satpal建议更清洁,你应该这样做。但是,如果您在重做文本时已经死了,请按照以下步骤操作:

$(".filter-body td").text(function(idx, str) {
    return str.toLowerCase();
});