第n个孩子's的子项未显示

nth-child's child is not shown

本文关键字：显示 孩子      更新时间：2023-09-26

有许多动态生成的带有隐藏子项的div。我需要只在某些孩子中显示隐藏的孩子（我真的不知道如何更好地使用它：）

这是它的html

<div class="totalwrap">
   <div> a bunch of content</div>
   <div class="dynamicallygenerated">
      <div class="hiddenchild"></div>
   </div>
   <div class="dynamicallygenerated">
      <div class="hiddenchild"></div>
   </div>
</div>

css

 .hiddenchild {display:none;}

和jquery

$(".totalwrap .dynamicallygenerated:nth-child(2) .hiddenchild ").css('display','block');

我错过了什么？

改为使用CSS。没有必要为此使用jQuery。

.hiddenchild {
  display: none;
}
.dynamicallygenerated:last-child .hiddenchild {
  display: block;
}
<div class="totalwrap">
   <div> a bunch of content</div>
   <div class="dynamicallygenerated">
      1
      <div class="hiddenchild">Hidden child of 1</div>
   </div>
   <div class="dynamicallygenerated">
      2
      <div class="hiddenchild">Hidden child of 2</div>
   </div>
</div>

使用:eq()代替nth-child()

$(".totalwrap .dynamicallygenerated:eq(0) .hiddenchild").css("display","block");

你所做的是对的，我认为问题出在其他方面。

相关文章：