asp.net 如何删除特定父div的所有内部div?

btxsgosb  于 2022-12-15  发布在  .NET
关注(0)|答案(3)|浏览(124)

我正在做一个网络应用程序在ASP.NET。在我的aspx页面,我有一个代码片段附加。请检查。

<div id="lblName" class="name">
   <label id="lbltextName">Name</label>
   <div id="resizeName">
      <div class="ui-resizable-handle ui-resizable-nw"></div>
      <div class="ui-resizable-handle ui-resizable-ne"></div>
      <div class="ui-resizable-handle ui-resizable-sw"></div>
      <div class="ui-resizable-handle ui-resizable-se"></div>
      <div class="ui-resizable-handle ui-resizable-n"></div>
      <div class="ui-resizable-handle ui-resizable-s"></div>
      <div class="ui-resizable-handle ui-resizable-e"></div>
      <div class="ui-resizable-handle ui-resizable-w"></div>
   </div>
</div>

<div id="lblTitle" class="title">
   <label id="lbltextTitle">Title</label>
   <div id="resizeTitle">
      <div class="ui-resizable-handle ui-resizable-nw"></div>
      <div class="ui-resizable-handle ui-resizable-ne"></div>
      <div class="ui-resizable-handle ui-resizable-sw"></div>
      <div class="ui-resizable-handle ui-resizable-se"></div>
      <div class="ui-resizable-handle ui-resizable-n"></div>
      <div class="ui-resizable-handle ui-resizable-s"></div>
      <div class="ui-resizable-handle ui-resizable-e"></div>
      <div class="ui-resizable-handle ui-resizable-w"></div>
   </div>
</div>

我想删除特定父div的所有内部div,或者使用所有子div的类名。
我该怎么做?请帮帮我。

t3psigkw

t3psigkw1#

要删除所有子DIV,请用途:

$('#lblName').children('div').remove();

现在,如果不是你要找的,考虑改进你的问题...

c7rzv4ha

c7rzv4ha2#

你可以使用.html()方法

$("#lblName").html("");

这将清除lblName div的所有内容

cld4siwp

cld4siwp3#

使用d3.js的函数 select()html()remove() .

d3.select('#lblName')
  .html(divElement => {
    d3.select(divElement)
      .remove();
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<div id="lblName" class="name">
   <label id="lbltextName">Name</label>
   <div id="resizeName">
      <div class="ui-resizable-handle ui-resizable-nw"></div>
      <div class="ui-resizable-handle ui-resizable-ne"></div>
      <div class="ui-resizable-handle ui-resizable-sw"></div>
      <div class="ui-resizable-handle ui-resizable-se"></div>
      <div class="ui-resizable-handle ui-resizable-n"></div>
      <div class="ui-resizable-handle ui-resizable-s"></div>
      <div class="ui-resizable-handle ui-resizable-e"></div>
      <div class="ui-resizable-handle ui-resizable-w"></div>
   </div>
</div>

<div id="lblTitle" class="title">
   <label id="lbltextTitle">Title</label>
   <div id="resizeTitle">
      <div class="ui-resizable-handle ui-resizable-nw"></div>
      <div class="ui-resizable-handle ui-resizable-ne"></div>
      <div class="ui-resizable-handle ui-resizable-sw"></div>
      <div class="ui-resizable-handle ui-resizable-se"></div>
      <div class="ui-resizable-handle ui-resizable-n"></div>
      <div class="ui-resizable-handle ui-resizable-s"></div>
      <div class="ui-resizable-handle ui-resizable-e"></div>
      <div class="ui-resizable-handle ui-resizable-w"></div>
   </div>
</div>

相关问题