Javascript 是否按顺序将段落附加到图像属性？（第一到第一，第二到第二…第n到第n）JQUERY

我已将各段分开，每段都有信息。我还对图像进行了划分

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

因此，第一段为第一幅图像添加了“数据描述”属性，第二段为第二幅图像添加了“数据描述”属性，等等

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

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

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

我曾尝试使用一个每次递增的变量，或按顺序应用于每个变量的类，或数组，但我没有任何乐趣

我希望这个解释有点道理

如果您有任何想法，我将不胜感激。

试试这个：

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

说明：

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

我希望它有意义。

试试这个：

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

说明：

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

我希望它有意义。

试试这个

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

试试这个

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

---

我只是把代码简化了一点。实际上，您不需要额外的变量，您可以从each函数接收索引。您只需要将'i'参数添加到匿名函数定义中。我只是稍微简化了代码。实际上，您不需要额外的变量，您可以从each函数接收索引。您只需要将'i'参数添加到匿名函数定义中。