如何用jQuery移除title属性中的<span>与<i>标签及内部文本？

问题分析 #

你之前的正则仅针对<span>标签处理，未覆盖<i>标签，且匹配逻辑不够完善，导致无法彻底清除目标标签及内容。

可行代码实现 #

修改正则表达式，同时匹配<span>和<i>标签及其内部所有内容，替换为空字符串：

// 获取目标元素的title属性值
const containerval = $('p').attr('title');
// 匹配并移除<span>和<i>标签（含属性、内部文本）
const cleanedTitle = containerval.replace(/<(span|i)\b[^>]*>.*?<\/\1>/g, '');
// 可选：去除处理后可能残留的首尾空格
const finalTitle = cleanedTitle.trim();
console.log(finalTitle, '处理后的title内容');

正则表达式说明 #

• <(span|i)\b[^>]*>：匹配<span>或<i>的起始标签，\b确保匹配完整的标签名，[^>]*匹配标签内的所有属性内容
• .*?：非贪婪模式匹配标签内部的所有文本（避免过度匹配）
• <\/\1>：匹配对应的闭合标签，\1引用前面捕获的标签名（span或i），保证标签正确闭合

效果验证 #

原title内容：

Lorem Ipsum is simply dummy *

处理后结果：

Lorem Ipsum is simply dummy

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