2012-02-07 47 views
0

我是新來的jQuery,但有一個問題,我希望你們中的一些人可以幫助...我已經嘗試過幾個例子在這個網站上,但似乎無法弄清楚一個固體解。每個鏈接都是#id完全唯一的。我正在尋找遍歷生成的(php)ID並追加一個通用的.click()事件。我正在使用雲端縮放(jQuery)。踢球者是當我使用「.tagImg」作爲類選擇器時,它會在新窗口中打開圖像(鏈接)。但是當我指定一個特定的ID(#tagImage-0)時,腳本完美地工作。因此,我需要一種方法來遍歷未知數量的圖像,以使其正確工作。通過php輸出jQuery.each()迭代

非常基本骨架:

每條鏈路
<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 
}): 

使用這但沒有工作?:

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

如果需要,我可以提供一些更具體的代碼..

回答

0

選擇器#tagImage > a手段:元件#tagImage的所有直系後代其也錨。沒有元素可以匹配該描述。我想你的意思做的是:

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

基本上,你有一個錯字:)

+0

嗚!謝謝:)它完美的工作。 – user1193714 2012-02-07 14:00:53

0

你可以嘗試

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

什麼上面確實是參考了「一」裏面的元素在div元素上引用的「tagImg」類。

+0

謝謝!這幫了我很多:) – user1193714 2012-02-07 14:00:26

0

嘗試:

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

它應該是.tagImg而不是#tagImg – rajasaur 2012-02-07 03:48:31

+0

@rajasaur哦,我的小姐,修好了。 – xdazz 2012-02-07 03:50:07

+0

完美的工作,謝謝。 – user1193714 2012-02-07 14:01:20