jQuery.each（）反復によるPHP出力

Question

私はjQueryを初めて使っていますが、質問があります。皆さんのお役に立てれば幸いです...このサイトでいくつかの例を試しましたが、溶液。各リンクは#idによって完全に一意です。私は、生成された（PHPの）IDを繰り返し、ユニバーサル.click（）イベントを追加しようとしています。私はクラウドズーム（jQuery）を使用しています。キッカーは、クラスセレクタとして ".tagImg"を使用すると、新しいウィンドウで画像（リンク）を開きます。しかし、特定のID（＃tagImage-0）を指定すると、スクリプトは完全に機能します。したがって、私はこの作業を正しく行うために未知の量の画像を反復する方法が必要です。

非常に基本骨格：リンクあたり

<div class="tagImg"> 
    <a id="tagImage-0" href="big0.img"><img src="/images/thumb0.jpg"></a> 
    <a id="tagImage-1" href="big1.img"><img src="/images/thumb1.jpg"></a> 
    <a id="tagImage-2" href="big2.img"><img src="/images/thumb2.jpg"></a> 
    <a id="tagImage-3" href="big3.img"><img src="/images/thumb3.jpg"></a> 
    <a id="tagImage-4" href="big4.img"><img src="/images/thumb4.jpg"></a> 
    <a id="tagImage-5" href="big5.img"><img src="/images/thumb5.jpg"></a> 
</div> 

作品：

$("#tagImage-0").click(function() { 
    // Process some code 
}); 

は（クラウド・ズームを使用して、心に留めておく）新しいウィンドウでリンクを開きます：

使用し

$(".tagImg").click(function() { 
    // Process some code 
}): 

これは動作しませんでしたか？：

必要であれば、私はいくつかのより具体的なコードを提供することができる

..

Answer 1

セレクタ#tagImage > a手段はまた、アンカーある要素#tagImageすべての直接の子孫。その記述に一致する要素はありません。私はあなたがする何を意味するのかたと思う：

$('.tagImg > a').click(...); 

基本的に、あなたがタイプミスがあった:)

Answer 2

あなたは

$(".tagImg > a").click(function() { 
     //process some code 
} 

を試すことができますどのような上記しすると内部の「」の要素の参照ですdiv要素で参照される "tagImg"クラスの

Answer 3

試してみてください。

$(".tagImg > a").click(function() { 
    // Process some code 
});