Javascript 使用jquery对特定元素进行计数,并将计数添加到类名中
如何计算特定类的元素数量,并使用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
$('.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));
});