PHP与WordPress中含HTML标签的数组合并排序问题求助

嘿，这个场景太常见了！直接用sort()肯定会踩坑——因为它会把<a>标签的字符也算进排序逻辑里，导致结果完全不符合预期。下面给你两个实用的解决方案，既能基于锚点的显示文本正确排序，又能完整保留原有的HTML链接：

方案1：用strip_tags提取文本+自定义排序 #

这是最简洁的方法，适合你的场景（数组元素都是标准的<a>标签）：

$categories = [ '<a href="wordpress-tips">WordPress Tips</a>', '<a href="seo-tips">SEO Tips</a>', '<a href="dev-tips">Development Tips</a>' ];
$tags = [ '<a href="wordpress">WordPress</a>', '<a href="seo">SEO</a>', '<a href="development">Development</a>' ];
$taxonomies = array_merge($categories, $tags);

// 自定义排序规则：基于锚点内的纯文本进行自然排序
usort($taxonomies, function($itemA, $itemB) {
    // 提取每个元素的纯文本内容
    $plainTextA = strip_tags($itemA);
    $plainTextB = strip_tags($itemB);
    // 自然不区分大小写排序（对含数字的字符串更友好，也可替换为strcasecmp）
    return strnatcasecmp($plainTextA, $plainTextB);
});

// 遍历输出，保留完整的HTML链接
foreach ($taxonomies as $taxonomy) {
    echo $taxonomy . '<br>';
}

为什么这个方案可行？ #

• strip_tags()会精准移除所有HTML标签，只留下锚点里的显示文本；
• strnatcasecmp()做自然排序（比如"Development"会排在"Development Tips"前面，符合日常阅读习惯），同时忽略大小写差异；
• 排序过程中完全保留原数组元素的HTML结构，输出时直接用就行。

方案2：正则精准匹配锚点文本（更健壮） #

如果你的数组里可能混有其他HTML元素，担心strip_tags误处理，可以用正则专门提取<a>标签内的文本：

usort($taxonomies, function($itemA, $itemB) {
    // 用正则匹配<a>标签内的文本内容
    preg_match('/<a[^>]*>(.*?)<\/a>/i', $itemA, $matchesA);
    preg_match('/<a[^>]*>(.*?)<\/a>/i', $itemB, $matchesB);
    
    // 处理匹配失败的情况（以防数组里有非<a>元素）
    $textA = isset($matchesA[1]) ? $matchesA[1] : $itemA;
    $textB = isset($matchesB[1]) ? $matchesB[1] : $itemB;
    
    return strnatcasecmp($textA, $textB);
});

额外调整选项 #

• 如果需要区分大小写排序，把strnatcasecmp换成strnatcmp；
• 如果要倒序排列，把返回值反转：return strnatcasecmp($textB, $textA);；
• 如果你的WordPress分类/标签是直接从数据库获取的，建议先获取name和slug字段，再拼接成<a>标签，这样排序时直接用name字段会更高效，也避免HTML解析的麻烦。

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