Question

<div id="@("Bottomgrid)" class="dgd2"></div>

var element = document.getElementById("#Bottomgrid");
element.empty();

$('.dgd2').empty()

不是仅删除Bottom网格，而是删除屏幕中的其他Div。

Answer 1

jQuery .remove()将从DOM中删除匹配的元素集。

虽然jQuery .empty()将从DOM中删除匹配元素集的所有子节点。

考虑您的HTML是否如下所示：

<div id="Bottomgrid" class="dgd2"></div>

并且您希望使用id="Bottomgrid"删除div 然后你的javascript代码将是：

$("#Bottomgrid").remove();

//This is not required as far as I see
//$('.dgd2').empty()

Answer 2

描述从DOM中删除匹配元素集。 http://api.jquery.com/remove/

Answer 3

.empty（）不会删除元素，只删除元素子元素。使用$('#Bottomgrid').remove()

Answer 4

Javascript：

document.getElementById("Bottomgrid").remove();

Jquery的：

$( "#Bottomgrid" ).remove();

Answer 5

如果你有这样的HTML结构：

<div class="holder">
    <div id="item1">Hey</div>
</div>

您只需使用此纯JavaScript代码即可删除“item1”元素：

var element = document.getElementById("item1");
element.parentNode.removeChild(element);

Answer 6

你应该正确地给出div名称，如下我写Id的方式。您还需要正确检查要删除的div。因为如果页面中存在嵌套的div并且您要删除其中包含所有子div的div，则将删除所有相应的div。

HTML

                  <div id="bottomgridDiv" class="dgd2">
                        <div id="parentDiv" class="dgd2">
                            <div id="childDiv" class="dgd2">
                            </div>
                        </div>
                    </div>

的Javascript

var element = document.getElementById("#bottomgridDiv");

  In JQuery:-
$("#bottomgridDiv").remove();

所以现在如果你想删除bottomgridDiv，那么这里面的div将会删除。

仅删除特定的Div ID

6 个答案:

HTML

的Javascript