Question

“.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' is a css class, same with clicked2,3...*/
    });
});

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

Answer 1

我已使用我认为您正在寻找的代码更新了JSFiddle。

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

Answer 2

在这里，您将获取元素的数据到data变量。

var data = $(this).data('nb');

您需要在任何想要使用数据的地方使用该变量。

tekst.addClass('clicked' + data);

Answer 3

$(document).ready(function() {
    $('.boxes').on('click', '.box', function() { 
        var data = $(this).attr('data-nb');
        var tekst = $('.wrapper');
        tekst.addClass('clicked'+data); 
    });
});

Fiddle

JS在类中添加一个数字（classname + number）

3 个答案: