javascript - クリックされた要素のインデックス番号でセレクターをトラバースします

Question

クリックした要素のインデックス番号でセレクターをトラバースしたい。

このような：

1 つの div の2 番目の子を選択します(#tabby-content)

他の div (#tabby-labels)の2 番目の子をクリックしたとき。

下で解決しました。しかし、「コードをクリーンアップ」して同じことをより良い方法で達成する方法を知っている人はいますか?

$("#tabby-labels > .first").click(function() {
        $("#tabby-content > .first").siblings('.active').removeClass('active').addClass('inactive');
        $("#tabby-content > .first").addClass('active').removeClass('inactive');
});

$("#tabby-labels > .second").click(function() {
        $("#tabby-content > .second").siblings('.active').removeClass('active').addClass('inactive');
        $("#tabby-content > .second").addClass('active').removeClass('inactive');
});
    $("#tabby-labels > .third").click(function() {
        $("#tabby-content > .third").siblings('.active').removeClass('active').addClass('inactive');
        $("#tabby-content > .third").addClass('active').removeClass('inactive');
});
    $("#tabby-labels > .fourth").click(function() {
        $("#tabby-content > .fourth").siblings('.active').removeClass('active').addClass('inactive');
        $("#tabby-content > .fourth").addClass('active').removeClass('inactive');
});

ありがとう！