Выберите второй элемент селектора

#jquery

#jquery

Вопрос:

у меня есть такой код

 
<div class="aa">
    <div class="bb">
        <a href="gfdfdfddffgf.html">
            first text
        </a>
    </div>
</div>
<div class="aa">
    <div class="bb">
        <a href="gfdffdgf.html">
            second text
        </a>
    </div>
</div>
<div class="aa">
    <div class="bb">
        <a href="gfdfdfdfgf.html">
            another tert
        </a>
    </div>
</div>
  

мне нужно проверить, равен ли «первый текст» «второму тексту»

классы aa и bb используются в другом месте кода, поэтому мне нужно использовать $(‘.aa .bb a’).first().text(), чтобы получить «первый текст», но я не знаю, как выбрать «второй текст»

Ответ №1:

Вы можете использовать eq(), чтобы получить соответствующий элемент с определенным индексом

 const $a = $('.aa .bb a'),
      firstText = $a.first().text().trim(),
      secondText = $a.eq(1).text().trim()
      
console.log([firstText, secondText, secondText === firstText])        
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="aa">
    <div class="bb">
        <a href="gfdfdfddffgf.html">
            first text
        </a>
    </div>
</div>
<div class="aa">
    <div class="bb">
        <a href="gfdffdgf.html">
            second text
        </a>
    </div>
</div>
<div class="aa">
    <div class="bb">
        <a href="gfdfdfdfgf.html">
            another tert
        </a>
    </div>
</div>