Javascript 使用jQuery从DOM中删除HTML元素

我使用api获取要附加到DOM的值，我让它们附加到

标记。我的问题是每次我关闭模式并重新打开它时，表中的值仍然存在，以及手风琴上的“用户货币”。关闭模式时如何删除这些元素

这是我的html

 <!-- currency select -->
<label class="">
    <span class="">Pick a currency</span>
      <select id="userCurrency" style="display: inline; width: auto; vertical-align: inherit;">
    <option value="USD">USD</option>
    <option value="EUR">EUR</option>
    <option>JPY</option>
    <option>GBP</option>
    <option>CHF</option>
    <option>CAD</option>
    <option>AUD</option>
    <option>MXN</option>
    <option>CNY</option>
    <option>NZD</option>
    <option>SEK</option>
    <option>RUB</option>
    <option>HKD</option>
    <option>NOK</option>
    <option>SGD</option>
    <option>TRY</option>
    <option>KRW</option>
    <option>ZAR</option>
    <option>BRL</option>
    <option>INR</option>
  </select>
</label>
<!-- select end -->
       <a id="btn" class="waves-effect waves-light btn modal-trigger" href="#modal1">Bitcoin Information</a>
       <a id="btn" class="waves-effect waves-light btn modal-trigger" href="#modal2">Help</a>
      </div>
    </div>
  </div>
<!-- Modal Structure -->
  <div id="modal1" class="modal">
    <div class="modal-content">
      <ul class="collapsible" data-collapsible="accordion">
    <li>
      <div id="currencylabel" class="collapsible-header"></div>
      <div id="cbody" class="collapsible-body">
      <table id="theTable">
          <thead>
            <tr>
           <td>Volume</td>
           <td>Latest</td>
           <td>Bid</td>
           <td>High</td>
            </tr>
          </thead>
        <tbody></tbody>
      </table>
      </ul>
    </div>
    </div>
    </div> 

---

我检查了他的文件；插件不会触发这样的事件来检测模式是否被隐藏。因此，您需要对此类事件进行变通，将

.remove（）

移动到单击事件

$(".btn").on("click", function(){
   if($(".hello").length > 0) $(".hello").remove(); 
   // rest of click handler
});

试试这个编码

$(".modal_close").click(function(){

  $(".hello").remove();

});

否则，单击btn删除内容，然后再次添加

$(".btn").on("click", function(){
 $(".hello").remove();

.....

}

---

这是清除表中所有行的最快方法

$('.btnClose').on('click', function () {
    $("#theTable").empty();
})

---

试试（'hidden.bs.modal'，function（e）{//do something…}）@SujataChanda，你的线索是他在使用引导程序吗？你确定你使用的模式插件在关闭时触发

隐藏

事件吗？检查其文档，因为

.remove（）

与

.get（0）

/

[0]

或与works一起使用并删除元素。显示打开/隐藏模式的代码。@TareqMahmood我发布了代码

$(".btn").on("click", function(){
 $(".hello").remove();

.....

}

$('.btnClose').on('click', function () {
    $("#theTable").empty();
})