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 :
Code :
- <div data-keywords="daniel bonjour mardi">blabla 1</div>
- <br><div data-keywords="daniel mercredi bonjour">blabla 2</div>
- <div data-keywords="daniel">blabla 3</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:
Code :
- 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 !