如何通过循环动态获取对象属性值，为元素设置href属性？

你的问题核心是：当前代码把拼接出来的属性名字符串直接赋值给了href，而没有从options.data对象中取出对应属性的实际值。另外循环条件i <= popItems.length会导致数组越界，需要修正。

修正方案一：使用对象方括号访问符 #

通过方括号语法，用拼接好的属性名字符串去访问options.data的对应属性：

for(let i = 0; i < popItems.length; i++){
  // 拼接属性名
  const urlPropertyName = `pod${i+1}URL`;
  // 用方括号访问对象属性，拿到真实URL值
  $(popItems[i]).find('a').attr('href', options.data[urlPropertyName]);
}

优化方案二：重构数据结构（更推荐） #

如果可以调整options.data的结构，把分散的pod1URL、pod2URL改成数组形式（比如podURLs: [url1, url2, ...]），代码会更简洁易维护：

// 假设options.data.podURLs是URL数组，顺序和popItems对应
for(let i = 0; i < popItems.length; i++){
  $(popItems[i]).find('a').attr('href', options.data.podURLs[i]);
}

关键说明 #

• 原来的${('options.data.pod'+(i+1)+'URL')}只会生成一个类似"options.data.pod1URL"的字符串，而非访问对象属性的结果；
• 循环条件从i <= popItems.length改为i < popItems.length，避免访问popItems数组的越界元素（数组索引从0开始，最后一个元素索引是popItems.length - 1）。

内容的提问来源于stack exchange，提问作者fudgeitdev