jQuery каждую итерацию: каждый элемент галереи должен иметь заголовок!

Question

простой и раздражающий вопрос для вас, но мне нужен довольно быстрый ответ, и я не смог найти решение.

$('.gallery-item .gallery-icon a').each(function(){
        $('.gallery-caption').prepend("<span class='imgtitle'>"+$(this).attr("title")+"</span>")
    });

под каждым элементом галереи есть заголовок галереи. Я перебираю каждый значок галереи и нахожу заголовок ссылки. Я хочу добавить заголовок к каждому заголовку элемента галереи.

Прямо сейчас к каждому заголовку изображения добавляются ВСЕ заголовки изображений. Я просто хочу добавить заголовок текущего изображения.

Answer 1

Вы получаете все заголовки, добавленные ко всем заголовкам, из-за этого:

$('.gallery-caption').prepend(...

Это фактически говорит jQuery "добавьте следующее ко всем элементам класса gallery-caption"

РЕДАКТИРОВАТЬ: Предполагая, что ссылка является братом заголовка, что-то вроде этого должно работать:

$(this).parent().children('.gallery-caption').prepend(...

Answer 2

Теперь вы добавляете все элементы, которые соответствуют условию .gallery-caption. Вам нужно указать, какой элемент нужно добавить - например, если вам нужно добавить родительский элемент - используйте .parent ()

$('.gallery-item .gallery-icon a').each(function(){
        $(this).parent().prepend("<span class='imgtitle'>"+$(this).attr("title")+"</span>")
    });

или другие методы обхода.