JS ajoutant un nombre à une classe (nom de classe + nombre)

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