Recherche sur multiple terme dans attribut data

jouvrard
Javascript

Bonjour,

Je souhaite créer un filtrage d'affichage de div, contenant un data-keyword.
J'y parviens pour la recherche d'un terme mais pas de plusieurs.

Exemple : 

<div data-keywords="daniel bonjour mercredi">blabla 2</div><br><div data-keywords="daniel mercredi">blabla 2</div>
<div data-keywords="daniel mercredi">blabla 2</div><br><div data-keywords="daniel mercredi">blabla 2</div>

Si j'entre "mercredi" dans mon champ de filtre j'ai bien les 2 derniers qui restent affichés, mais je souhaiterais pouvoir entrer par exemple "daniel bonjour" (ou "bonjour daniel") et qu'il ne m'affiche les 2 premiers (AND et non OR), et là j'ai du mal...

Le script que j'utilise pour le moment:

            let myVar = $(this).val();
            $("[data-keywords]").each(function(index) {
                if ($(this).data("keywords").toUpperCase().indexOf(myVar.toUpperCase()) !== -1) {
                    $(this).show('slow');
                } else {
                    $(this).hide('slow')
                }
            })
        });

Par avance, merci pour l'aide que vous pourrez m'apporter ! :)

Aucune réponse