javascript - 按顺序将段落附加到图像属性？ (第 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').each 为每个图像标签执行一个函数。名为“i”的变量等于列表中的当前元素索引。然后，我将第“i”个 p 标签检索到#descriptions 中，并将其放入当前图像的数据描述标签中。

我希望这是有道理的。