Question

我正在运行一些jQuery函数以在我的网站上返回搜索结果。基本上，返回的项目与我赋予对象的某些标签匹配。我遇到的问题是我只希望返回与我搜索的所有标签匹配的项目。现在，如果我在搜索框中添加了多个标签，它将返回与任何标签匹配的结果。这可能吗？

这是我的代码：

var $input = $('#myInput');
$input.on('keyup', search)

function myFunction(e) {
    // Declare variables
    var $q, $el, tags, match, tags;

    $q = e.target.value
    var $list = $container.children('li')

    if ($q.length < 2) {
        $list.hide();
        return;
    }

    console.log('list', $list)
    queryTags = $q.split(',').map(tag => tag.trim())
    console.log('tags', tags)

    $list.each(function(index, el) {            
        $el = $(el)
        tags = $el.attr('data-tags')

        for (var j = 0; j < queryTags.length; j++) {    
            match = tags.match(queryTags[j])            

            if (match) {
                $el.show();
                break;
            } else {
                $el.hide();
            }
        }
    })

Answer 1

使用every遍历标签，以检查它们是否都匹配。另外，当您仅查看一个字符串是否包含另一个字符串时，应使用.includes-使用正则表达式时应使用.match。

$list.each(function(index, el) {
    $el = $(el)
    if (queryTags.every(queryTag => tags.includes(queryTag))) $el.show();
    else $el.hide();
});

我希望搜索仅返回与所有标签匹配的结果（.match jQuery）

1 个答案: