Question

我有一个在内部div中包含标签的帖子链接列表。用户从三个不同的列表中进行选择以过滤帖子。

基本上我想要实现的是基于用户选择的三个列表内容的前端过滤。

我希望逻辑基本上是这样的：IF post-tags-list has 1+ item from list1 AND has 1+ item from list2 AND has 1+ item from list3, THEN keep the post

以下是我的开始，但目前的方式是，如果某人没有从其中一个列表中选择任何内容，我需要大量的IF语句来解释。我知道开关可能更容易，但我不完全确定我的逻辑是否正确。

$(".post-link").each(function(index){
    //Get all the post's terms from its hidden tag div and store in an array
    var terms = $(this).find(".tags").attr('class').split(" ");
    //Cut off the first two items ('hidden' and 'tags')
    terms.splice(0,2);
    //If interests is set
    if(typeof interests[0] != 'undefined'){
        var found = 0;
        var keep = false;
        //For each of the selected interests...
        $.each(interests, function(index, value){
            //For each of the posts terms
            $.each(terms, function(index2, value2){
                //If the posts has a selected interest, keep it
                if(value == value2){ keep=true;}
            });
        });
        //After all that, if we couldn't find anything...
        if(keep!=true){
            //Hide the post (.post-link)
            $(this).hide();
        }
    }
    //THE ABOVE ONLY ACCOUNTS FOR IF SOMETHING IS SELECTED FOR THE FIRST LIST
    //I'M NOT SURE HOW I WOULD IMPLEMENT THIS ACROSS TWO OTHER LISTS
});

如果您需要更多信息，请与我们联系。

谢谢！

Answer 1

好的，所以我找到了问题的解决方案。基本上对于每个帖子，我设置一个show变量并将其设置为true（我们希望显示帖子，除非另有证明）。所以我检查我的三个列表中是否有其中的内容，如果我这样做，那么在foreach中做一个foreach以检查我的一个帖子术语是否与我选择的项目匹配。如果有，请保持show = true，否则为false。为其他两个列表执行此操作。在这三次检查之后，如果show仍然是真的，那么每三个字段中至少有一个项目（如果有三个适用），如果它是假的，则隐藏帖子。

以下是代码：

$(".post-link").each(function(index){
    var show = true;

    //Get all the post's terms from its hidden tag div and store in an array
    var terms = $(this).find(".tags").attr('class').split(" ");
    //Cut off the first two items ('hidden' and 'tags')
    terms.splice(0,2);

    //If interests is set
    if(typeof interests[0] != 'undefined'){
        var found = 0;
        $.each(interests, function(index, value){
            $.each(terms, function(index2, value2){
                if(value == value2){ found++; }
            });
        });
        if(found < 1){
            show = false;
        }
    }

    //If type is set
    if(typeof type[0] != 'undefined'){
        var found = 0;
        $.each(type, function(index, value){
            $.each(terms, function(index2, value2){
                if(value == value2){ found++; }
            });
        });
        if(found < 1){
            show = false;
        }
    }

    //If experience is set
    if(typeof experience[0] != 'undefined'){
        var found = 0;
        $.each(experience, function(index, value){
            $.each(terms, function(index2, value2){
                if(value == value2){ found++; }
            });
        });
        if(found < 1){
            show = false;
        }
    }

    if(!show){
        $(this).hide();
    }
});

jQuery逻辑过滤

1 个答案: