javascript - 无法使用 Jquery 清空 div

Question

我有以下 jQuery 代码。我想做的是清空 am-container 但我无法这样做。

jQuery(document).find("div[id='am-container']").html('');

下面是我的 HTML 结构。

<div class="mid-part-right">
 <div class="match-image">
  <div class="main-gallary">
   <div class="container">
    <div id="am-container" class="am-container">
     <a class="draggable am-wrapper" href="#" style="width: 233px; height: 133px; margin: 2px;">
     <a class="draggable am-wrapper" href="#" style="width: 233px; height: 133px; margin: 2px;">
<a class="draggable am-wrapper" href="#" style="width: 263px; height: 133px; margin: 2px;">
    </div>
   </div>
  </div>
 </div>
</div>

这是一个完整的代码片段:

jQuery(document).find("div[id='am-container']").html('');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="mid-part-right">
  <div class="match-image">
    <div class="main-gallary">
      <div class="container">
        <div id="am-container" class="am-container">
          <a class="draggable am-wrapper" href="#" style="width: 233px; height: 133px; margin: 2px;">
            <a class="draggable am-wrapper" href="#" style="width: 233px; height: 133px; margin: 2px;">
              <a class="draggable am-wrapper" href="#" style="width: 263px; height: 133px; margin: 2px;">
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

jQuery('#am-container').html('');

试试这个:

$("#am-container").children().text(""); 


$("div#am-container a").each(function(el){$(el).empty();});