【jQuery】ready セレクタ指定で処理したい

Question

jQuery ready セレクタ指定で処理したいのですが、エラーになってしまいます。

まず、何がやりたいかと言いますと、

<a name="link"> <div name="link_banner"><img src="バナー画像"> <div name="link_title">タイトル</div> </a> -------------------- というコードがあるとします。 このコードを３つに複製したいのですが、 以下の方法で複製すると、４つに複製されてしまいます。 -------------------- for (var i = 0; i < 2; i++) { $('[name=link]').clone(true).insertAfter('[name=link]'); } -------------------- 何故６つに複製されるかと言うと、 １回目のループで、name=link が複製されます。 すると、name=linkが２つ存在することになるので、 ２つ複製されて、４つになります。

なので、以下のようにしたいのです。

$('[name=link]').ready(function() {
$(this).clone(true).insertAfter(this);
});

しかし、このコードで実行するとスクリプトエラーになってしまいます。
appendで３つ生成する方法もあるのですが、そうするとソースの可読性が
落ちてしまいそうなので・・・
未熟者ですが、どうかご教授よろしくお願いいたします。

以上

Answer 1

もとのa要素をループ外で一時変数に入れておきましょう。そうすれば、常に1個だけとなります。

var $link = $('[name=link]');
for (var i = 0; i < 2; i++) { 
    $link.clone(true).insertAfter($link);
}