2012-02-07 61 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