2017-08-03 88 views
0

这里我想删除图片中突出显示的身体的最后一个div。我尝试过使用jqyery $('body :last-child').remove(),但这会删除body标签之间的所有内容。我也试过如何删除DOM中最后一个孩子的身体

body = document.getElementsByTagName('body')[0]; 
    body.removeChild(body.lastChild); 

这也不适合我。 enter image description here

我该如何删除这个div?

+0

这将是更好,如果你能在这里,而不是如果你正在使用jQuery使用图像 –

+0

发布HTML,看到这个https://api.jquery.com/remove/ – tech2017

+0

“删除身体的最后一个div”:'$('body ').children('div')。last()。remove();' – Gavin

回答

2

您可以使用$('body').children('div').last()选择body标签的最后一个子格。

您可以像下面这样实施。

$('body').children('div').last().remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    <div>1</div> 
 
    <div>2</div> 
 
    <div>3</div> 
 
</body>

+0

我想要删除的div元素位于脚本标记下方,这是否会影响元素的删除? 。当我应用你的代码时,script标签上方的div元素被删除[所有脚本都在body标签内]。 –

+0

@SurajKhanal它不影响删除这段代码使得删除正文的最后一个div元素。 – hasan

+0

现在正在工作。我的错误,我正在执行的代码没有准备好文档。并感谢您的回答。 –

1

您的选择器需要指定您正在查看身体的儿童元素。

$('body>:last-child').remove() 
+0

这样做会删除身体的div元素直接子女 –

+0

我并不确定你的意思。我很高兴你能从hsnbl的答案中得到它,但尽管现在这些答案适用于你,但你应该寻找一种不同的方式来摆脱这个元素。如果你能够在其上或者课堂上放置一个id属性,你会变得更好。 –

+0

这个div是主机的水印,并动态附加到我的网站,我无法附加任何id和类。你的代码似乎对我很好。我忘了用文档准备功能编写代码。并感谢您的回答。 –

1

你要选择一个body标签,没有任何body标记,它是最后一个孩子的最后一个孩子。试试这个:

$('body > :last-child').remove() 
2

您可以使用.last()jquery选择最后一个div,然后用empty()从DIV删除。

$('body div').last().empty()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    <div>1</div> 
 
    <div>2</div> 
 
    <div>3</div> 
 
</body>

1

什么

$('body').find('div:last-child').remove(); 

example