上面的代码当我数组有四个元素时，却只添加了一个

看起来在替换 `CD-image` 中的内容时可能存在问题。根据你的描述，当 `$jpgs` 数组有四个元素时，只显示了其中一个。这里有几个可能的原因：

1. **循环次数**：可能是 `foreach` 循环没有正确迭代整个数组。确保循环变量 `$index` 在输出 `$img_tag` 时被正确更新，例如从 0 到 3。

foreach ($jpgs as $index => $image) {
    $img_tag = '<img src="' . htmlspecialchars($image, ENT_QUOTES, 'UTF-8') . '" alt="Image ' . ($index + 1) . '" />';
    $str = str_replace($matches, $img_tag, $str); // 这里可能需要修改循环条件，比如用 "index < count($jpgs)"
}

2. **正则替换**：检查正则表达式是否完全匹配了 `CD-image` 下的 `<img>` 标签。如果不是，可能只会替换第一个匹配到的部分。

3. **`$matches` 数量**：确认 `$matches` 数组是否有多个元素。如果没有或只有一个，说明可能没有匹配到所有图片。检查 `$pattern` 是否恰当。

4. **HTML结构**：`<div id="cd-image" class="cd-image">...</div>` 包含的可能不仅仅是单个 `<img>`，可能存在嵌套或者其他结构导致部分被忽略。

请确保上述方面都检查过了，然后再看是否按照预期显示所有的图片。如果问题依旧存在，请提供更多的上下文或者完整的代码片段以便更好地分析。