我想使用Jquery添加三个按钮

我想使用Jquery添加三个按钮,jquery,html,css,Jquery,Html,Css,我需要通过点击“按钮01”来创建“按钮02”,然后通过点击“按钮02”来创建“按钮03” 我试过使用以下代码 $(文档).ready(函数(){ $(“.btnone”)。单击(函数(){ 变量btntwostr='按钮02'; $(“#btntwodiv”).html(btntwostr); }); $(“.btntwo”)。单击(函数(){ var btnthreestr='按钮02'; $(“#btnthreediv”).html(btnthreestr); }); }); 按钮01 您

我需要通过点击“按钮01”来创建“按钮02”,然后通过点击“按钮02”来创建“按钮03”

我试过使用以下代码

$(文档).ready(函数(){
$(“.btnone”)。单击(函数(){
变量btntwostr='按钮02';
$(“#btntwodiv”).html(btntwostr);
});
$(“.btntwo”)。单击(函数(){
var btnthreestr='按钮02';
$(“#btnthreediv”).html(btnthreestr);
});
});
按钮01

您的问题是绑定到一个尚不存在的元素,因此您可以按照@PeteTNT的建议执行操作,也可以使用,这有助于您绑定到尚不存在的元素

$(document).ready(function(){
    $(".btnone").click(function(){
        var btntwostr= '<button type="button" class="btn btn-warning btntwo" >Button 02</button>';
        $("#btntwodiv").html(btntwostr);
    });

    $(document).on('click', ".btntwo", function(){
        var btnthreestr= '<button type="button" class="btn btn-warning btnttree" >Button 02</button>';
        $("#btnthreediv").html(btnthreestr);
    });


});
$(文档).ready(函数(){
$(“.btnone”)。单击(函数(){
变量btntwostr='按钮02';
$(“#btntwodiv”).html(btntwostr);
});
$(文档).on('click',“.btntwo”,函数(){
var btnthreestr='按钮02';
$(“#btnthreediv”).html(btnthreestr);
});
});
请注意,有很多方法可以以更可扩展的方式实现此功能。我建议您研究重构代码