html字符串带有特定类名的span标签内包含子标签，希望子标签放在span的外面并包裹span标签

当你有一个HTML字符串，其中包含一个`<span>`标签并且你想把其中的子元素提取出来，并将这个子元素作为独立的元素包装在外层的`<span>`标签中，你可以使用JavaScript或者CSS来达到目的。这里是一个简单的例子：

假设原始HTML字符串如下：

<span class="parent-class">这是一个<span class="child-class">子元素</span></span>

如果你想改变它，可以使用JavaScript的DOM操作，例如：

var parentSpan = document.querySelector('.parent-class');
var childElement = parentSpan.querySelector('.child-class');

// 创建一个新的span来包裹子元素
var newParentSpan = document.createElement('span');
newParentSpan.className = 'parent-class'; // 给新span添加相同的类

// 将子元素移动到新创建的span中
newParentSpan.appendChild(childElement);

// 然后替换原parent-span的内容
parentSpan.innerHTML = '';
parentSpan.appendChild(newParentSpan);

或者直接使用CSS（如果子元素是文本，可以尝试CSS选择器配合`::before`或`::after`伪元素），但这通常仅适用于静态样式调整，动态内容处理还是需要JavaScript。