如何用jQuery获取Bubble.io重复组中同ID元素的值并存入数组

首先明确：HTML规范中ID必须是唯一的，重复组生成多个相同ID的元素会导致jQuery的#选择器只能匹配到第一个元素，这就是你原代码无法获取所有数据的核心原因。

修正步骤： #

1. 替换ID为Class：在Bubble.io编辑器里，把原来设置给元素的ID（category、paraname）改成Class属性，比如给元素设置class="category"和class="paraname"。
2. 修改jQuery选择器：把代码里的#category、#paraname替换成类选择器.category、.paraname，同时补全原代码缺失的闭合语法。

修正后的完整代码： #

$('#export').click(function() {
  var titles = [];
  var data = [];

  // 收集所有category类元素的文本内容
  $('.category').each(function() {
    titles.push($(this).text().trim()); // 加上trim()可去除多余空格
  });

  // 收集所有paraname类元素的文本内容
  $('.paraname').each(function() {
    data.push($(this).text().trim());
  });

  // 可添加后续逻辑，比如输出数组或提交数据
  console.log('分类标题:', titles);
  console.log('参数数据:', data);
});

额外提示： #

如果页面其他地方也有同名Class的元素，建议给重复组本身设置一个唯一的Class（比如class="data-repeat-group"），然后用嵌套选择器缩小范围，避免误选：

$('.data-repeat-group .category').each(function() {
  titles.push($(this).text().trim());
});

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