本文介绍如何将包含错误原因与对应订单ID的关联数组，转化为每个ID都带有ID结构的HTML输出，实现语义化、可交互的错误反馈展示。
本文介绍如何将包含错误原因与对应订单id的关联数组，转化为每个id都带有id结构的html输出，实现语义化、可交互的错误反馈展示。
在实际订单处理系统中，常需向用户清晰传达多个ID被拒绝的具体原因（如ID不存在、状态非法、已导出等）。上述 $tmp 数组以错误消息为键、ID列表为值，正是理想的结构化数据源。但直接 implode() 会丢失归因信息——我们需要的是每个ID都携带其所属错误类别的语义标签。
最简洁优雅的实现方式并非依赖 array_walk_recursive()（它适用于深度嵌套结构，而此处是扁平的键-值映射），而是采用双重遍历：外层遍历 $tmp 的键值对，内层遍历每个原因下的ID数组，并为每个ID生成带 title 属性的 标签：
$outputParts = [];
foreach ($tmp as $reason => $ids) {
foreach ($ids as $id) {
$outputParts[] = '<span title="' . htmlspecialchars($reason) . '">' . htmlspecialchars($id) . '</span>';
}
}
$hoverableIds = implode(', ', $outputParts);
echo '<div><p>No orders were exported (' . $hoverableIds . ').</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/ai/3789" title="LongCat"><img
src="https://img.php.cn/upload/ai_manual/001/246/273/178599573274590.png" alt="LongCat" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/ai/3789" title="LongCat" class="overflowclass">LongCat</a>
<p class="overflowclass">LongCat是一款AI大模型工具，美团推出的自研大模型AI对话平台。</p>
</div>
<a rel="nofollow" href="/ai/3789" title="LongCat" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div></div>';
✅ 关键优势：
- 语义清晰：每个ID明确绑定其拒绝原因，鼠标悬停即可查看；
- 安全可靠：使用 htmlspecialchars() 防止XSS风险（尤其当 $reason 或 $id 来自用户输入时）；
- 结构灵活：支持任意数量的原因类别和ID，无需硬编码；
- 兼容性强：不依赖高阶函数或PHP新特性，PHP 5.3+ 即可运行。
⚠️ 注意事项：
- 切勿直接拼接未过滤的变量到HTML中，htmlspecialchars() 是必需步骤；
- 若需进一步增强可访问性，可为 添加 role="tooltip" 和 aria-label；
- 如需排序统一（如按ID数值升序），可在合并所有ID后使用 usort()，但需注意保持原因与ID的归属关系——此时建议先展平为 [id => reason] 的一维映射再处理。
此方案以最少代码达成最大语义表达，是错误反馈场景下的推荐实践。
