JS给一个类添加一个数字（类名+数字） [英] JS adding a number to a class (classname+number)

问题描述

<.addClass（'clicked'+'nb'）
我的css类被命名为clicked1，clicked2等。
我试过'clicked1'和'clicked2'他们的工作，但我希望它与收集nb。

  $（document）。 ready（function（）{
 $（'。boxes'）。on（'click'，'.box'，function（）{
 
 var data = $（this）.data （'nb'）; 
 
 var tekst = $（'。wrapper'）; 
 tekst.addClass（'clicked'+'nb'）; / *'clicked1'是一个css class，与clicked2,3 ... * / 
}）; 
}）; 
  

$ b相同$ b

https://jsfiddle.net/yujtvd66/2/

解决方案

我更新了 JSFiddle 与我认为你正在寻找的代码。

  $（'。wrapper'）。removeClass （）
。 addClass（'wrapper'）
 .addClass（'clicked'+ data）; 
  

There's a problem somewhere in ".addClass('clicked'+'nb') my css classes are named "clicked1" "clicked2" etc. I tried 'clicked1' and 'clicked2' and they work, but I'd like it to work with the "nb" that is collected.

$(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/

解决方案

I've updated the JSFiddle with the code i think you're looking for.

$('.wrapper').removeClass()
    .addClass('wrapper')
    .addClass('clicked'+data);

这篇关于JS给一个类添加一个数字（类名+数字）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！