Discussion :

[Jessyv96]

Bonjour,

J’essaie d'utiliser l'attribut data-, je voudrais savoir si cet attribut fonctionne comme un id avec data-blabla par page web ?

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
                        <div class="container-data text-center">
 
                              <button type="button" data-role="text_button_1" class="btn-less corner"><i class="fa fa-minus"></i></button>
 
                              <button type="button" data-role="text_button_1" class="btn-plus corner"><i class="fa fa-plus"></i></button>
 
                        </div>
 
                            <div class="container-data text-center">
 
                                <button type="button" data-role="text_button_2" class="btn-less corner"><i class="fa fa-minus"></i></button>
 
                                <button type="button" data-role="text_button_2" class="btn-plus corner"><i class="fa fa-plus"></i></button>
                            </div>

Code :

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

1
2
3
4
5
6
7
8
 var dataRoleBtn1 = $('#content-1 .container-data button').data('role');
        var dataRoleBtn2 = $('#content-2 .container-data button').data('role');
 
        if (dataRoleBtn1 === 'text_button_1') {
            console.log('text_button_1')
        } else if (dataRoleBtn2 === 'text_button_2') {
            console.log('text_button_2')
        }

[NoSmoking]

Bonjour,
place ce bout de code en fin de ta page de test pour voir le résultat que tu obtiens

Code :

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

1
2
3
$("button").on("click", function() {
  alert($(this).data("role"));
});

Ce n'est jamais inutile de se référer à la documentation : .data()

[Jessyv96]

Merci, ça fonctionne


Je crois que mon soucis est aussi sur la maîtrise de this