jquery как получить второй элемент

Question

на странице есть 2 дива с классами slider-track . Как в jquery получить второй div с классом slider-track.

Answer 1

Воспользуйтесь методом .eq()

Только учтите, что нумерация там начинается с нуля, поэтому в метод вы передадите не номер 2, а 1:

let $secondElement = $('.slider-track').eq(1);
console.log($secondElement.text());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div class="slider-track">1 элемент</div>
<div class="slider-track">2 элемент</div>
<div class="slider-track">3 элемент</div>

Ещё можно так же, но чуть по-другому))) :eq() Selector

let $secondElement = $('.slider-track:eq(1)');
console.log($secondElement.text());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div class="slider-track">1 элемент</div>
<div class="slider-track">2 элемент</div>
<div class="slider-track">3 элемент</div>

Ещё вариант :nth-child() Selector

let $secondElement = $('.wrapper .slider-track:nth-child(2)');
console.log($secondElement.text());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div class="wrapper">
    <div class="slider-track">1 элемент</div>
    <div class="slider-track">2 элемент</div>
    <div class="slider-track">3 элемент</div>
</div>

БЛОГ НА HUSL

jquery как получить второй элемент

Ответы (1 шт):