jquery - 如何动态地将类添加到div

标签 jquery css

我需要动态添加一个类,因为我使用 addClass 方法然后类正在添加,但它不符合我的要求。这是我的代码

 <div id="form-copy">
   <div class="abc">
       Here some code is there....
   <div>
 <div>

我正在尝试这样..

  var p = 0;
  for(var i =0; i<n;i++){
    $(".abc:first").clone(true).appendTo("#form-copy")
    $(".abc").addClass( "dynamicClass"+ ++p);
  }
now am getting output is...
 if here n=3
     <div class="abc dynamicClass1 dynamicClass2 dynamicClass3">...</div>
     <div class="abc dynamicClass1 dynamicClass2 dynamicClass3">...</div>
     <div class="abc dynamicClass1 dynamicClass2 dynamicClass3">...</div>

But i need output like this
  if here n=3
     <div class="abc dynamicClass1">...</div>
     <div class="abc dynamicClass2">...</div>
     <div class="abc dynamicClass3">...</div>

Plese help me to get like this output.Thank you

最佳答案

for(var i =0; i<n;i++){
    $(".abc:first").clone().appendTo("#form-copy").addClass("dynamicClass" + (i + 1));
  }

关于jquery - 如何动态地将类添加到div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25709185/

相关文章:

javascript - div 的关闭按钮,使用 Jquery 访问 ID

javascript - 在 IE8 中,$.parseJSON 返回未定义

jquery - 区分 jQuery UI CSS 中的复选框、按钮和 radio

css - 用线性渐变绘制左上三 Angular 形并将其放入容器中

html - 为什么这些字体在旋转时会变得模糊?

javascript - 在另一个窗口中监听事件

javascript - 根据类名,具有不同纬度的多个 map

jquery - 悬停 div 时更改 anchor 文本颜色 - CSS 或 jQuery

css - 无法左对齐 DropDownListFor

javascript - 数组更改时 CSS 转换丢失