Question

我动态生成我只需要显示最后一个div。我怎样才能做到这一点？

Answer 1

$("div").hide();
$("div").last().show();

隐藏所有div，然后显示last一个。

或

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

或

$("div").slice(-1).hide();

Answer 2

根据CSS 3的语法，您可以使用 ：not 选择器与 ：nth-last-child 结合使用选择器：

div:not(:nth-last-child(1)) {
    display: none;
}

：不选择器

：nth-last-child（ n ）选择器匹配每个元素 n 的子元素，无论其类型如何，父母，从最后一个孩子算起。

：not（ selector ）选择器匹配不是指定元素/选择器的每个元素。

：不和 ：nth-last-child 选择器可在以下位置工作：

Chrome＆gt; = 4.0
IE＆gt; = 9.0
Firefox＆gt; = 3.5
Safari＆gt; = 3.2
Opera＆gt; = 9.6

Answer 3

HI现在只使用了这个css last-child

＆＃13;

#dynamicData >div{display:none;}


#dynamicData >div:last-child{display:block;}

＆＃13;

<div id="dynamicData">

<div>0</div>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5 last div </div>

</div>

＆＃13;

Answer 4

这可以通过CSS实现：

HTML（动态生成输出的示例）：

<div class="item">content</div>
<div class="item">content</div>
<div class="item">content</div>
<div class="item">content</div>
<div class="item">content</div>

<强> CSS：

.item {
    display: none;
}
.item:last-child {
    display: block;
}

小提琴：https://jsfiddle.net/zn32s7db/2/

如何只显示元素的最后一次出现？

4 个答案: