jQuery.each () итерация через вывод php - PullRequest
0 голосов
/ 07 февраля 2012

Я новичок в jQuery, но у меня есть вопрос, и я надеюсь, что некоторые из вас могут помочь с этим ... Я пробовал несколько примеров на этом сайте, но, похоже, не могу найти надежного решения. Каждая ссылка #id уникальна. Я пытаюсь перебрать сгенерированные идентификаторы (php) и добавить универсальное событие .click (). Я использую cloud-zoom (jQuery). Кикер в том, что когда я использую ".tagImg" в качестве селектора класса, он откроет изображение (ссылку) в новом окне. Но когда я указываю конкретный идентификатор (# 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
});

Открывает ссылку в новом окне (имейте в виду, используя cloud-zoom):

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

Использовали это, но не работали?:

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

При необходимости я могу предоставить более конкретный код.

Ответы [ 3 ]

0 голосов
/ 07 февраля 2012

Можете ли вы попробовать

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

То, что сделано выше, ссылается на элементы "a" внутри класса "tagImg", на который ссылается элемент div.

0 голосов
/ 07 февраля 2012

Попробуйте:

$(".tagImg > a").click(function() {
    // Process some code
});
0 голосов
/ 07 февраля 2012

Селектор #tagImage > a означает: все непосредственные потомки элемента #tagImage, которые также являются якорями. Ни один элемент не может соответствовать этому описанию. Я думаю, что ты хотел сделать:

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

По сути, у вас была опечатка:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...