时间戳

首页 > 解决方案 > 单击特定按钮时，我有一个 div 需要添加到另一个 div 中。我如何使用 jquery 来做到这一点？

javascript - 单击特定按钮时，我有一个 div 需要添加到另一个 div 中。我如何使用 jquery 来做到这一点？

问题描述

我在 HTML 文件中有一个按钮

<button type="button" class="btn btn-default" data-dismiss="modal" id="submitNewBatch">Submit</button>

单击哪个会运行一个 jquery .click() 方法，该方法会附加下面给出的 div

<div class="col-md-5 cardDisplayingBatches">
    <h2>Batch #</h2><hr />
    <h3>Info related to this</h3>
</div>

到 HTML 页面上已经存在的 div。我该怎么做？

标签： javascriptjqueryhtmlcss

解决方案

尝试找到对 HTML 元素的相关访问...

<div class="col-md-5 cardDisplayingBatches">
    <h2>Batch #</h2><hr />
    <h3>Info related to this</h3>
</div>

我首先看到的是一个名为 cardDisplayingBatches 的相关类，所以在我的 jQuery 代码中......

$('#submitNewBatch').on('click',function(){
  $('.cardDisplayBatches').append('<div />', {
     text: 'blablabla',
     class: 'aClassIfYouWantStyle'
  });
});

在其他情况下，您应该查看 jQuery 文档以了解如何控制事件（“.on”）以及如何（“.append”）在现有元素上添加新元素。

推荐阅读