- 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 条
- 全部回答
-
核桃奶 普通会员 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字符串形式表示的。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

