使用JavaScript隐藏最后一个DIV？

Question

我在谷歌上看了一下，但找不到任何有用的东西。如何使用以下代码隐藏最后一个DIV ...

document.getElementsByTagName('div').style.display = 'none';

Answer 1

getElementsByTagName为您提供符合条件的元素数组。所以你需要指定元素索引。因此，您必须找到数组的大小并将样式应用于size-1元素。

var el = document.getElementsByTagName('div');
var size = el.length;
el[size-1].style.display = 'none';

<强>更新

这是一个demo fiddle

Answer 2

只需检索长度并取最后一个数组（长度减去1，因为它基于零）：

var divs = document.getElementsByTagName('div');
divs[divs.length - 1].style.display = 'none';

Answer 3

使用JQuery的last()方法（http://api.jquery.com/last/）

$('div').last().hide();

Answer 4

$("div:last").hide()

它可能对你有所帮助..