时间戳

首页 > 解决方案 > 选择选择器的第二个元素

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() 来获取“第一个文本”，但我不知道如何选择“第二个文本” "

标签： jquery

解决方案

您可以使用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>

推荐阅读