选择选择器的第二个元素

时间:2020-10-18 10:56:41

标签: 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 个答案:

答案 0 :(得分:0)

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