Javascript 使用jquery对特定元素进行计数,并将计数添加到类名中

Javascript 使用jquery对特定元素进行计数,并将计数添加到类名中,javascript,jquery,html,classname,Javascript,Jquery,Html,Classname,如何计算特定类的元素数量,并使用jquery将计数作为新类名添加到每个元素中 $('.full-screen').each(function(i) { $(this).addClass('.full-screen-', i); }); 我想创建: <div class="full-screen full-screen-1"></div> <div class="full-screen full-screen-2"></div> <d

如何计算特定类的元素数量,并使用jquery将计数作为新类名添加到每个元素中

$('.full-screen').each(function(i) {
    $(this).addClass('.full-screen-', i);
});
我想创建:

<div class="full-screen full-screen-1"></div>
<div class="full-screen full-screen-2"></div>
<div class="full-screen full-screen-3"></div>
<div class="full-screen full-screen-4"></div>
<div class="full-screen full-screen-5"></div>

您可以这样做

$('.full-screen').each(function(i) {
    $(this).addClass('full-screen-'+(i+1));

});

$('.full screen')。每个(函数(i){
$(this.addClass('全屏-'+(i+1));
console.log($(this)[0].outerHTML)
});

您也可以使用而不是使用
。each()

$('.full screen').addClass(函数(i){
返回“全屏-”+(i+1);
});
console.log($('.full screen'))

试试这个

$(".full-screen").each(function((i){
    $(this).addClass("full-screen-" + (i+1));
});

我认为我们不需要在addClass@Abhi你是对的。我们不需要。从操作代码复制粘贴程序,但没有注意到它。但是添加类删除它:)@Mohammad我为什么要??即使是我,我也会评论。无论如何,在演示中,你有
全屏-1~5
,但试图添加它们。复制和粘贴答案的方法。此外,你将“I”从回调括号中删除。我花时间写答案,这样你就不会否决任何人的投票
$(".full-screen").each(function((i){
    $(this).addClass("full-screen-" + (i+1));
});