按班级删除所有div的子项

时间:2016-07-12 07:56:26

标签: javascript jquery html resizable

我有一些div,里面有一些元素,比如图像,文本和div,每次运行脚本时都会附加。我需要从我的主div中删除所有带有'ui-resizable-handle'

类的子div

这是我的Html:

<div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable">
        Some Text ...
        <div class="ui-resizable-handle ui-resizable-sw" ></div>
        <div class="ui-resizable-handle ui-resizable-n" ></div>
    </div>
    <div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable">
        <img width="114" height="93" alt="" src="/Cats/cat.jpg" />
        <div class="ui-resizable-handle ui-resizable-sw" ></div>
        <div class="ui-resizable-handle ui-resizable-n" ></div>
    </div>

这就是我想要收到的(我的目标):

 <div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable">
        Some Text ...
     </div>

     <div class="draggableTemplate ui-draggable ui-draggable-handle ui-resizable">
        <img width="114" height="93" alt="" src="/Cats/cat.jpg" />
     </div>

如何删除所有子节点(具有'ui-resizable-handle'类的div)  父亲divs(与班级'draggableTemplate')

  

更多信息:

我正在所有div上使用Jquery draggable()和resizable(),类名为'.draggableTemplate'resizable()附加一个div,就像你在第一个HTML中看到的那样,但在我保存页面并打开它再次编辑之后这个resizable()再次追加这个div,在几次编辑后播种,有许多div不需要。

所以我想在保存HTML时删除该div。

1 个答案:

答案 0 :(得分:7)

使用- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:@“ExistingCellIdentifier"]; if (cell == nil) { cell = [[CustomCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@“ExistingCellIdentifier"]; } return cell; } 选择器选择.draggableTemplate个元素的子元素,然后使用>函数:

remove()

或者,使用jQuery $('.draggableTemplate > .ui-resizable-handle').remove(); 函数:

.children()

$('.draggableTemplate').children('.ui-resizable-handle').remove();
$(document).on('click', '#remove', function() {
  $('.draggableTemplate > .ui-resizable-handle').remove();
});