如何遍历含子数组的PHP数组并在<li>中展示指定内容？

嘿，我来帮你解决这个遍历数组生成HTML列表的问题！你的核心需求是把数组里的每个子数组，转换成带href、data-element和data-target属性的链接，对吧？

首先看你的数组结构，每个子数组里的三个元素分别对应：

• 索引1：链接地址（对应<a>的href）
• 索引0：data-element的值
• 索引2：data-target的值

修改后的完整代码 #

<ul>
  <?php foreach ($splitArr as $arr) { 
    // 先把数组里的值提取成变量，代码更清晰易读
    $linkUrl = $arr[1];
    $dataElement = $arr[0];
    $dataTarget = $arr[2];
  ?>
  <li>
    <a href="<?php echo htmlspecialchars($linkUrl); ?>" 
       data-element="<?php echo htmlspecialchars($dataElement); ?>" 
       data-target="<?php echo htmlspecialchars($dataTarget); ?>">
      <?php echo htmlspecialchars($linkUrl); ?>
    </a>
  </li>
  <?php } ?>
</ul>

几个关键细节说明： #

1. 属性正确映射：我直接把每个子数组的索引1作为链接地址，索引0和2分别对应data-element和data-target，完全匹配你想要的输出格式。
2. 安全输出：这里用了htmlspecialchars()函数转义所有输出内容，这是PHP输出HTML的最佳实践——能避免链接里的特殊字符导致HTML语法错误，还能防范XSS攻击。
3. 代码可读性优化：把数组值提取成变量，比直接在HTML标签里写$arr[1]要清晰很多，后期维护起来也更方便。

哦对了，我注意到你后两个子数组的注释写反了（索引0标注成了data target，索引2是data element），如果这不是笔误，你需要调整属性对应关系的话，只需要交换$dataElement和$dataTarget的赋值就行：

$dataElement = $arr[2];
$dataTarget = $arr[0];

根据你给出的期望输出，第一个代码示例就完全能满足需求啦！

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