JS判断html字符串中带有mp-var类名的span内是否有子标签，如果有，把子标签改为span的父标签，文本位置保存不变，只挪标签

在JavaScript中，你可以使用正则表达式和DOM操作来完成这个任务。首先，你需要解析HTML字符串，找到所有带有`mp-var`类名的`<span>`元素。然后遍历这些元素，检查它们是否包含子元素。如果有的话，将子元素替换为其父元素，并保持原有的文本内容。

下面是一个简单的步骤说明：

1. 创建一个函数，接受HTML字符串作为输入。

function moveChildTagsToParents(htmlStr) {

2. 使用正则表达式查找所有带`mp-var`的`<span>`元素及其子元素：

    const regex = /<(span[^>]*class="mp-var"[^>]*)(?:(?!<\/span>).)*?<\/span>/g;
    let match;
    const spansWithChildren = [];
    while ((match = regex.exec(htmlStr)) !== null) {
        spansWithChildren.push(match[0]);
    }

3. 遍历`spansWithChildren`数组，对每个匹配项执行替换操作：

    for (const spanWithChildren of spansWithChildren) {
        const parentElement = spanWithChildren.slice(0, -7); // 切除直到`</span>`的位置
        const childElement = spanWithChildren.substring(-6); // 获取子元素部分

        const parentSpan = document.createElement('span'); // 创建新span
        parentSpan.innerHTML = childElement; // 设置子元素的内容

        htmlStr = htmlStr.replace(spanWithChildren, parentElement); // 替换原span为新的parentSpan
    }

4. 返回处理后的HTML字符串：

    return htmlStr;
}