Question

有许多带隐藏子项的动态生成的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');

我错过了什么？

Answer 1

用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>

Answer 2

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

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

你所做的是对的我认为问题是别的什么

没有出现n-child的孩子

2 个答案: