javascript - 如何在 JQUERY 中制作具有不同类的按钮标签?

标签 javascript jquery css web

我已经知道如何在 Jquery 中让它重复按钮标签。

但我不知道如何用 Different Classes 重复制作按钮标签。

有没有办法用不同的类重复创建按钮标签?

这是示例代码

<div class="btndiv">
    <button class="btn"></button>
</div>

和jquery

$(".btn").click(function(){
   $(".btndiv").append("<button class='btn'></button>");
})

我希望当我点击按钮时自动使用不同类的按钮标签。

最佳答案

通过添加计数变量尝试以下操作。每次添加一个带有count的类名。

<div class="btndiv">
    <button class="btn">CLick</button>
</div>

$(function(){ 
     var i = 0;

    $(".btn").click(function(){
       $(".btndiv").
       append('<button class="className '+i+++'">'+ 'Click'+'</button>');
    })
 });

关于javascript - 如何在 JQUERY 中制作具有不同类的按钮标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49605398/

相关文章:

javascript - D3 具有负值的直方图

javascript - 从另一个页面链接到特定选项卡

jquery - 具有动态字段名称的数组

javascript - 如何在动态元素上添加多个类,其中一个类的数字递增?

css - 文本未在 div 中居中

javascript - Parse Float 有舍入限制吗?我怎样才能解决这个问题?

javascript - 完全删除 html 元素

html - 应用于全尺寸页面的 css 媒体查询

javascript - Internet Explorer 呈现问题。 (HTML CSS JS)

javascript - '$' 在定义之前就被使用了