Question

我是jQuery的新手，但有一个问题，我希望你们中的一些人可以提供帮助......我在这个网站上尝试了几个例子，但似乎无法找到一个可靠的解决方案。每个链接都是#id完全唯一的。我期待迭代生成的（PHP）ID并附加一个通用的.click（）事件。我正在使用cloud-zoom（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
}):

使用过但不起作用？：

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

如果需要，我可以提供更具体的代码..

Answer 1

选择器#tagImage > a表示：元素#tagImage的所有直接后代也是锚点。没有元素可以匹配该描述。我想你的意思是：

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

基本上，你有一个错字：）

Answer 2

你能试试吗

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

以上所做的是引用div元素上引用的“tagImg”类中的“a”元素。

Answer 3

尝试：

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

jQuery.each（）通过php输出迭代

3 个答案: