ребенок nth-child не показан

Question

Существует несколько динамически сгенерированных divs со скрытым дочерним элементом. Мне нужно, чтобы отобразить скрытый ребенка только в некоторых детей (я действительно не знаю, как слово это лучше :))

Вот 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() InstEd из nth-child()

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

, что вы сделали правильно, я думаю, что проблема что-то еще