Les data- sont-elles uniques

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:

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:

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')
        }

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

1 2 3 $("button").on("click", function() { alert($(this).data("role")); });
Ce n'est jamais inutile de se référer à la documentation : .data()

Merci, ça fonctionne

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