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

Question

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

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

因此，第一段为第一张图像添加了“数据描述”属性，第二段为第二张图像添加了“数据描述”属性，依此类推……

例如，此代码将仅用于第一个：

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

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

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

我希望这个解释有点道理！

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

score 0 · Accepted Answer

尝试这个：

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

解释：

我使用 $('#galleria img').each 为每个图像标签执行一个函数。名为“i”的变量等于列表中的当前元素索引。然后，我将“i”-th p 标签检索到#descriptions 中，并将其放入当前图像的数据描述标签中。

我希望这是有道理的。

score -1 · Accepted Answer

尝试这个

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

2 回答 2