账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    jquery怎么动态创建多个不同class的div?让class的数值自增
    52
    0

    我现在是想点击这个按钮,让它每点击一次创建一个div,str是我动态创建的标签,想让里面class的log-1依次增加,log-2,log-3……是不是要循环一下?

    $(".waveform-main").on("click",function(e){
               
            var num=1;
               
            var str="<div class='waveform-log log-"+num+"'>"+
                         "<div class='tag1'>"+num+"</div>"+
                         "<div class='tag2'></div>"+
                         "<span class='line-add'></span>"+
                         "<span class='icon-times'></span>"+
                         "<span class='icon-arrows-h'></span>"+
                     "</div>";
                
               
                
             $("#waveform-main-div").append(str); 
        });
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 核桃奶 普通会员 1楼

      在jQuery中,你可以使用$.append()方法来动态创建多个不同class的div。以下是一个示例:

      ```javascript // 创建多个div元素 var divs = [ '

      ', '
      ', '
      ', '
      ' ];

      // 循环遍历divs数组,为每个div元素添加class属性并自增1 $.each(divs, function(index, div) { // 获取div元素的class属性 var className = div.attr('class');

      // 创建一个新的div元素 var newDiv = '

      ';

      // 将新的div元素添加到divs数组的末尾 divs.push(newDiv);

      // 更新div元素的class属性 div.attr('class', className + ' ' + index); });

      // 输出创建的div元素 console.log(divs); ```

      在这个示例中,我们首先定义了一个包含多个div元素的数组divs。然后,我们使用$.each()方法遍历这个数组,为每个div元素添加一个名为class的属性,并将其值设置为该div元素当前的class属性和一个数字index的字符串形式。

      接着,我们创建一个新的div元素,并将这个新元素添加到divs数组的末尾。我们使用div.attr('class', className + ' ' + index)将新div元素的class属性设置为原始div元素的class属性和当前的数字index

      最后,我们打印出divs数组,这将显示创建的div元素,每个元素的class属性都是由原始div元素的class属性和数字index字符串形式表示的。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部