Javascript 未显示第n个孩子的孩子

有许多具有隐藏子级的动态生成的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>

和jquery

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

---

我错过了什么？

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

希登柴尔德先生{ 显示：无； } .dynamicallygenerated:最后一个子项.hiddenchild{ 显示：块； } 一堆内容 1. 隐藏的1岁孩子 2. 隐藏的2岁孩子 用法：eq代替第n个孩子

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

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

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