Как вывести текст в атрибуте attr jquery?

Question

[RushV]

Здравствуйте!
Есть описание фотографий у каждого фото своё описание.
Как мне вставить в атрибут "data-lightview-caption" эти описания?

var caption = $('.description-photo').text();
	$('.project-page a').attr('data-lightview-caption',caption);

Я понимаю надо применить this не как не могу разобраться как работает "this".

Answer 1

[nvdfxx]

У вас ссылка и описание в одном блоке находятся или как?

Comments

[RushV]

да на одном блоке всё.

[nvdfxx]

Кусочек верстки можно?

[RushV]

<div class="project-img">
	<a href="img/nashi_raboti/IMG_1445_mini.jpg" data-lightview-caption="" class="lightview">
	   <img src="img/nashi_raboti/IMG_1445_mini.jpg" alt="">
    </a>
<div class="description-photo">
	<p>Описание фото</p>
</div>
</div>

[nvdfxx]

$('.project-img a').on('click', function() {
    let description = $(this).closest('.project-img').find('.description-photo p').text();
    $(this).attr('data-lightview-caption', description)
});

[RushV]

А можно не по клику просто вставить в атрибут "data-lightview-caption"?

[nvdfxx]

$(document).ready(function() {
    let blocks = $('.project-img');

    for(let i = 0; i < blocks.length; i++) {
        let description = $(blocks[i]).find('.description-photo .p').text();
        $(blocks[i]).find('a').attr('data-lightview-caption', description)
    }
});

[RushV]

Всё заработало спасибо!
Такой вопрос обязательно использовать цикл for для такой реализации вывода текста?

[nvdfxx]

Можете попробовать forEach'ем, но for - это надежно, это проверено временем

Answer 2

[moirabrown]

Если у вас идет при клике, тогда вам подойдет this:

<div class="project-page">
<div class="description-photo">Текст</div>
<a href="#"></a>
</div>

$('.description-photo').on('click', function() {
var caption = $(this).text();
  $(this).parents('.project-page').find('a').attr('data-lightview-caption',caption);
});

а если вы скриптом проставляете всем, то тогда нужно сначала собрать массив :

var photos = $('.description-photo');
photos.each(function(photo) {
var caption = $(photo).text();
  $(photo).parents('.project-page').find('a').attr('data-lightview-caption',caption);
})

Comments

[RushV]

Так вообще не чего не работает

var photos = $('.description-photo');
photos.each(function(photo) {
var caption = $(photo).text();
  $(photo).parents('.project-page').find('a').attr('data-lightview-caption',caption);
})

[moirabrown]

Потому что к вашему случаю не подходит. Когда писала ответ - еще не было куска верстки и кода вообще, только мои предположения