javascript - jQuery 查找文本并使用每个函数写入另一个标签属性

Question

..你好

我尝试从我的 figcaption-Element 中获取文本并将其插入相应的 a-Tag -> (data-title)

目前我找到了 Figcaption 并将其写入变量“desc”中。但每个Figcaption 都应该从链接插入到data-title 中。现在只有最后一个desc会被写入data-title。

这是一个fiddle和我的 jQuery-代码:

jQuery('figure').find('figcaption').each(function (index) {
    var desc = $(this).text();
    //var desc = jQuery('figcaption').text();
    console.log(index + desc);
    jQuery('.lightbox2').attr('data-title', ''+ desc +'');
});

感谢您的帮助。

Answer 1

您可以只使用 .text() 的回调

$('figure figcaption').text(function(el, txt) {
    $(el).prev('a.lightbox2').attr('data-title', txt);
});

或与attr()相同

$('a.lightbox2').attr('data-title', function() {
    return $(this).next('figcaption').text();
});

但是，只要您在 fiddle 中包含 jQuery，您的代码就可以正常工作 -> https://jsfiddle.net/adeneo/60mm991f/1/