1 pièce(s) jointe(s)
Recherche suivant valeur data attribut
Bonjour à tous
Je viens demander votre aide sur un blocage.
J'ai un ensemble de bouton avec des attribut (data-xxx) contenu dans 2 div. J'aimerai faire une recherche, c'est à dire que je saisi une valeur et le bouton dont la data-cible correspond à cette valeur prend une class précise ainsi que les div dans lesquels le bouton est.
J'ai plusieurs bouton avec un certain nombre de bouton dans les même div mais suivant la même structure ci-dessous :
Pièce jointe 602125
J'utilise le code ci-dessous, il marche mais uniquement sur la première correspondance. La recherche ne continu pas sur les autres boutons, mais s'arrête à la première, l'Ideal serait que ca continu pour trouver toutes les correspondances et ajouter les class quand ca smatch.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| $("#val_search").keyup(function(){
var searchval = $(this).val();
$('.buttonmacth').removeClass('buttonmacth');
$('.div1match').removeClass('div1match');
$('.div2match').removeClass('div2match');
if (searchval > 0)
{
$('.div1').addClass("hidediv1");
$('.div2').addClass("hidediv2");
var div1 = $("[data-cible='"+searchval+"']").attr("data-div1");
var div2 = $("[data-cible='"+searchval+"']").attr("data-div2");
$("[data-cible='"+searchval+"']").addClass("searmacth");
$("[data-cible='"+searchval+"']").closest("#"+div1).removeClass("hidediv1");
$("[data-cible='"+searchval+"']").closest("#"+div1).addClass("div1match");
$("[data-cible='"+searchval+"']").closest("#"+div2).removeClass("div2zone");
$("[data-cible='"+searchval+"']").closest("#"+div2).addClass("div2match");
}
else
{
$('.div1').removeClass("hidebloc");
$('.div2').removeClass("hidezone");
}
}); |
Merci d'avance pour votre aide.
Cordialement
