如何移除字符串中含动态内容的特定<span class="ref-label">标签

Got it, to remove those dynamic <span class="ref-label"> tags regardless of their inner text, you've got two solid options depending on your use case:

1. 处理HTML字符串（比如后端/纯文本场景） #

If you're working with an HTML string directly, a non-greedy regular expression will do the trick. It targets any <span> with the exact ref-label class and removes it entirely, no matter what text is inside.

const inputHtml = '<li class="ref-journal" id="B2"> <span class="ref-label">2.</span> <span class="family-name">Vainchenker</span> <span class="given-name">W</span> <!-- "string-name needs to be defined" -->, <span class="family-name">Kralovics</span> <span class="given-name">R</span>';
// 全局替换所有匹配的span标签
const cleanedHtml = inputHtml.replace(/<span class="ref-label">.*?<\/span>/g, '');
console.log(cleanedHtml);

• .*? uses non-greedy matching to ensure we only capture the content inside a single ref-label span, not multiple spans at once.
• The g flag ensures we remove all such spans in the string, not just the first one.

2. 操作浏览器DOM（页面已加载的元素） #

If you're working with live DOM elements in a browser, using native DOM APIs is safer than regex (avoids edge cases like unexpected attributes or whitespace in the HTML).

// 选中所有带有ref-label类的span元素
const refLabelElements = document.querySelectorAll('span.ref-label');
// 遍历并逐个移除
refLabelElements.forEach(element => {
  element.remove();
});

This will directly remove each ref-label span from the DOM, leaving the rest of your content intact.

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