Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在JQUERY中使用不同的类生成按钮标记?_Javascript_Jquery_Css_Web - Fatal编程技术网

Javascript 如何在JQUERY中使用不同的类生成按钮标记?

Javascript 如何在JQUERY中使用不同的类生成按钮标记?,javascript,jquery,css,web,Javascript,Jquery,Css,Web,我已经知道如何在Jquery中重复按钮标记 但我不知道如何反复使用不同类的按钮标签 有没有一种方法可以使用不同的类重复创建按钮标记 这是示例代码 <div class="btndiv"> <button class="btn"></button> </div> 和jquery $(".btn").click(function(){ $(".btndiv").append("<button class='btn'>&l

我已经知道如何在Jquery中重复按钮标记

但我不知道如何反复使用不同类的按钮标签

有没有一种方法可以使用不同的类重复创建按钮标记

这是示例代码

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

和jquery

$(".btn").click(function(){
   $(".btndiv").append("<button class='btn'></button>");
})
$(“.btn”)。单击(函数(){
$(“.btndiv”)。追加(“”);
})
当我单击按钮时,我希望自动添加不同的类按钮标签。

这可能会对您有所帮助

var i=1;
$(“.btn”)。单击(函数(){
$(“.btndiv”).append(“按钮”+i+”);
i++;
})

创建按钮

通过添加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>');
    })
 });

点击
$(函数(){
var i=0;
$(“.btn”)。单击(函数(){
$(“.btndiv”)。
追加(“+”单击“+”);
})
});

分享你迄今为止的尝试?好的,我编辑了我的帖子