Discussion :

[patrick754]

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 :



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 jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[jreaux62]

bonjour,

Les attributs id="..." doivent être UNIQUES.
Est-ce bien le cas ?

$("#val_search") : comme HIGHLANDER, il ne peut y en avoir qu'un.

.closest("#"+div1), .closest("#"+div2) : sont-ils bien uniques ?