Il y a un problème quelque part dans ".addClass ('clicked' + 'nb') mes classes css sont appelées" cliqué1 "" clicked2 "etc. J'ai essayé 'clicé1' et 'cliqué2' et ils fonctionnent, mais j'aimerais que Travaillez avec le "nb" qui est collecté.
$(document).ready(function() { $('.boxes').on('click', '.box', function() { var data = $(this).data('nb'); var tekst = $('.wrapper'); tekst.addClass('clicked'+'nb');/*'clicked1' is a css class, same with clicked2,3...*/ }); });
Https://jsfiddle.net/yujtvd66/2/
J'ai mis à jour le JSFiddle avec le code que je pense que vous recherchez.
$('.wrapper').removeClass() .addClass('wrapper') .addClass('clicked'+data);
Ici, vous obtenez les données de l'élément dans la variable de data
.
var data = $(this).data('nb');
Vous devez utiliser cette variable partout où vous souhaitez utiliser vos données.
tekst.addClass('clicked' + data);
$(document).ready(function() { $('.boxes').on('click', '.box', function() { var data = $(this).attr('data-nb'); var tekst = $('.wrapper'); tekst.addClass('clicked'+data); }); });
Violon