javascript - 2 つの a-link のテキストを一致させ、最初の a-link のクラスを変更します

Question

これらのコンテンツが同じテキスト.firstAを含んでいる場合、スタイルを起動したいと思います。.secondAこのコードでうまくいくと思っていたのですが、残念ながらうまくいきませんでした。私は何を間違っていますか？

HTML:

<tr>
<td><a id="a11" href="#" class="firstA">text</a><a id="c10" href="#" class="secondA">text</a></td>
</tr>

JS:

$('.firstA').each(function(){
        if ($(this).text() == $(this).next('.secondA').text()){
            $(this).addClass('highlight');
        }
});

PS: .secondA は$(.secondA).hide();関数で隠されていますが、これが問題でしょうか?