Question

我有

@foreach ($translation as $locale)
      <div class="form-group">
          <label><strong>Locale</strong></label>
        <textarea type="text" class="form-control form-control-sm" id="locale" name="locale" rows="1" disabled>{{$locale->locale}}</textarea>
      </div>

      <div class="form-group">
        <label><strong>Title</strong></label>
        <textarea type="text" class="form-control form-control-sm" id="title" name="title" rows="1">{{$locale->title}}</textarea>
      </div>

      <div class="form-group">
        <label><strong>Caption</strong></label>
        <textarea type="text" class="form-control form-control-sm" id="caption" name="caption" rows="1">{{$locale->caption}}</textarea>
      </div>
@endforeach

那么如何删除Id＆＃34; <div id="myId"> <div>aa</div> <h3>hellow</h3> <a href="#"></a> </div>＆＃34;的所有内容？使用jQuery？

结果必须是：

myId

Answer 1

使用.empty()

描述：从DOM中删除匹配元素集的所有子节点。

＆＃13;

$("#myId").empty()

console.log($("#myId").get(0).outerHTML)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myId"><div>aa</div><h3>hellow</h3><a href="#"></a></div>

＆＃13;

Answer 2

您可以使用不同的方式：

// ref: https://api.jquery.com/empty/
$("#myId").empty()

// ref: https://api.jquery.com/html/
$("#myId").html('')

Answer 3

你可以使用remove（）方法。 .empty()

$( "#myId" ).empty()

Answer 4

在这种情况下，为了删除或清空容器div的所有元素，您可以：

$("#myId").empty();

OR

$("#myId").html('');

empty()

的参考链接

如何使用jQuery删除div Id的子（html元素）

4 个答案: