Recherche sur multiple terme dans attribut data

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 ! :)