按顺序将段落附加到图像属性？ （第1到第1，第2到第2 ......第n到第n）JQUERY

Question

我已经对每个段落中的信息进行了划分。我也有图像分割。

我的目标是使用jquery将每个段落中的文本附加到每个图像中称为“数据描述”的属性。

所以第一段放在第一张图片的'data-description'属性中，第二段放在第二张图片的'data-description'属性中等等......

例如，此代码仅针对第一个代码执行：

$('#galleria :first-child').attr('data-description', $('#descriptions :first-child').text());

..假设#galleria div包含图像，＃descriptions div包含文本。

我试图使用每次增加的变量，或者按顺序应用于每个变量的类或数组，但我没有快乐。

我希望这个解释有道理！

我很感激任何想法，谢谢。

Answer 1

试试这个：

$('#galleria img').each(function(i){
    $(this).attr('data-description', $('#descriptions p:eq('+i+')').text());
});

说明：

我使用$（'＃galleria img'）。每个都为每个图像标签执行一个函数。名为“i”的变量等于列表中的当前元素索引。然后，我将“i”-th p标签检索到#descriptions中，并将其放在当前图像的data-description标签中。

我希望这是有道理的。

Answer 2

试试这个

$('#galleria img').each(function(k,v){
    $(this).prop('data-description', $('#descriptions p').eq(k)').html());
    i = i + 1;
});