Как выбрать конкретный элемент из $(".true-beauty .photos")?
Если в html у меня такой код:
spoiler
<div class="photos">
<div>
<img src="images/true-beauty/rings.jpg" alt="" />
<img src="images/true-beauty/earrings.jpg" alt="" />
<img src="images/true-beauty/cufflinks.jpg" alt="" />
</div>
<div>
<img src="images/true-beauty/pendants.jpg" alt="" />
<img src="images/true-beauty/bracelets.jpg" alt="" />
<img src="images/true-beauty/watch.jpg" alt="" />
</div>
</div>
<div class="photos">
<div>
<img src="images/true-beauty/rings.jpg" alt="" />
<img src="images/true-beauty/earrings.jpg" alt="" />
<img src="images/true-beauty/cufflinks.jpg" alt="" />
</div>
<div>
<img src="images/true-beauty/pendants.jpg" alt="" />
<img src="images/true-beauty/bracelets.jpg" alt="" />
<img src="images/true-beauty/watch.jpg" alt="" />
</div>
</div>
...
и мне нужно получить один из этих div'ов с классом photos, при этом так, чтобы я взял элемент именно из множественного селектора(то есть как если бы я написал document.querySelectorAll(".true-beauty .photos")[1]).($(".true-beauty .photos")[1] работать не будет, поверьте)
При использовании document.querySelector (или document.querySelectorAll), в независимости от того, что там написано, у меня ошибка:
Uncaught TypeError: document.querySelector(...).fadeIn is not a function
at HTMLButtonElement.buttons..onclick (script.js:23)
buttons..onclick @ script.js:23
Так как же сделать то, что мне нужно?