Question

我知道有人为此创建了一个线程，但这是区分大小写的。不幸的是，我对社区还不是很陌生，并且没有在该帖子中添加评论的声誉。我想知道你们是否可以帮助我。

这里是链接（Bootstrap 4 cards filtering with jQuery），非常感谢Themes.guide回答基督徒的问题。

我真的坚持尝试将以下内容更改为不区分大小写。

Themes.guide的代码可以找到here

我可以通过添加以下内容将搜索输入更改为全部大写：

.toUpperCase() to $(this).val().

我不知道如何将卡片标题更改为全部大写，以便搜索可以不区分大小写。

预先感谢您的帮助！

Answer 1

与其使用jquery的:contains()函数，不如遍历每个标题并在循环回调中执行比较。

$('#search').keyup(function (){
    $('.card').removeClass('d-none');
    var filter = $(this).val(); // get the value of the input, which we filter on

    /* Iterate over each title */
    $('.card-deck').find('.card .card-body h4').each(function(){
        var $this = $(this); //Assign alias to 'this' 
        if($this.text().toUpperCase() !== filter.toUpperCase()) 
            //If both uppercase values don't match
            $this.parent().parent().addClass('d-none');
    });
})

如何过滤bootstrap卡套不区分大小写？

1 个答案: