如何在 jQuery 中创建一个 div 元素？

有许多方法可以使用 jQuery 添加一个 div，但正如需求中所述，当单击任何方块时，我们必须添加一个 div。 以下代码将帮助在单击时添加一个 div 

Click on any square below to see the result
 <div id='box'>    
       <div class = "div" style = "background-color:blue;"></div>
       <div class = "div" style = "background-color:green;"></div>
       <div class = "div" style = "background-color:red;"></div>
</div>

$(".div").on("click",function(){
$('#box').append(
  $('<div/>')
    .attr("id", "newDiv1")
    .addClass("div")
    .append("<span/>")
      .text("hello world")
    );
});

Nizam Techs

更新于： 2020 年 6 月 12 日

801 次浏览

开启你的 职业

通过完成课程获得认证

开始学习