如何用jQuery遍历ID以'req-'开头的<ul>元素并收集属性值

这事儿其实挺容易实现的，用jQuery的属性选择器加上遍历方法就能搞定，我给你详细说说：

核心思路 #

首先用属性前缀选择器选中所有ID以req-开头的<ul>元素，然后通过遍历方法逐个提取它们的data-type和data-value属性值，最后把这些数据整理成结构化的格式（比如数组对象）方便后续使用。

完整代码示例 #

function collectReqUlData() {
  // 初始化一个数组，用来存储收集到的所有数据
  const reqDataList = [];

  // 选择所有ID以'req-'开头的ul元素，遍历每个元素
  $("ul[id^='req-']").each(function() {
    // 用jQuery的.data()方法获取data属性值（会自动转换类型，比如数字、布尔值）
    const itemType = $(this).data('type');
    const itemValue = $(this).data('value');

    // 将当前元素的属性值存入数组
    reqDataList.push({
      type: itemType,
      value: itemValue
    });
  });

  // 返回收集好的数据，也可以在这里直接做后续处理
  return reqDataList;
}

// 调用函数并查看结果
const collectedResult = collectReqUlData();
console.log('收集到的数据：', collectedResult);

注意事项 #

• 如果你的data-value是纯字符串，或者你想严格获取属性的原始字符串值，可以把.data()换成.attr()方法，比如：

  const itemType = $(this).attr('data-type');
  const itemValue = $(this).attr('data-value');
  

• .data()方法会自动解析属性值的类型：比如如果data-value="123"，用.data('value')得到的是数字123，而.attr('data-value')得到的是字符串"123"，你可以根据自己的需求选择。

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