javascript - JQueryはリンクを取得し、n番目の番号に応じて変数を追加します

Question

リンクを含むリストを設定しました。このリストが別のリンクになる前に、これは html です。

<div class="catItemBody">
    <div class="catItemImage">
        <a href="index.html">Link</a>
    </div>
    <ul class="sigProBetton">
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
    </ul>
</div>

<div class="catItemBody">
    <div class="catItemImage">
        <a href="index2.html">Link</a>
    </div>
    <ul class="sigProBetton">
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
    </ul>
</div>

ページには複数の .catItemBody があり、それぞれに固有のリンクが含まれています。

また、最初のリンク (.catItemImage a) を受け取り、それをリスト内の各リンクに適用する jquery もあります。私がやろうとしているのは、リスト項目の n 番目の番号に応じてこのリンクを変更することです。次の jQuery を使用して、最初のリンク アイテムを試しています。

$(document).ready(function() {

    $('.catItemBody').each(function(){
        var linkitem = $('.catItemImage a', this).attr('href');
        if ($('ul.sigProBetton li').is(':nth-child(1)')){
            $('ul.sigProBetton li a', this).attr('href' , linkitem+'?image=1'); 
        } else {
            $('ul.sigProBetton li a', this).attr('href' , linkitem);
        }
    });

});

最終的には、最初の項目のリンクに ?image=1 の URL 変数が含まれるように、これを基に構築したいと考えています。次に、2 番目の項目には ?image=2 などがあります。次の .catItemBody では、?image=1 で再び開始されます。

現時点では、各リンクには理想的ではない変数 ?image=1 があります。http://jsfiddle.net/Dyfe6/で jsFiddle をセットアップしました。

編集あなたの答えはすべてうまくいくようですが、問題は.catItemBodyページに複数あることです。更新されたjsfiddleはhttp://jsfiddle.net/Dyfe6/9/にあります