jquery移除标签

使用 jQuery 移除 HTML 标签

在 jQuery 中，移除 HTML 标签可以通过多种方法实现，具体取决于需求是移除标签本身还是保留标签内的内容。以下是几种常见方法：

移除整个标签及其内容

使用 remove() 方法可以彻底移除匹配的标签及其内容：

$("p").remove(); // 移除所有 <p> 标签
$("#target").remove(); // 移除 ID 为 target 的标签

移除标签但保留内容

使用 unwrap() 方法可以移除父标签但保留其子内容：

$("span").unwrap(); // 移除所有 <span> 标签，保留其内部文本

清空标签内容

使用 empty() 方法可以清空标签内的内容，但保留标签本身：

$("div").empty(); // 清空所有 <div> 标签的内容

替换标签

使用 replaceWith() 方法可以用新内容替换原有标签：

$("b").replaceWith(function() {
  return $(this).text(); // 将 <b> 标签替换为其文本内容
});

过滤 HTML 字符串中的标签

若需从字符串中移除标签（而非 DOM 操作），可通过正则表达式处理：

var htmlString = "<p>Example</p>";
var textOnly = $("<div>").html(htmlString).text(); // 结果为 "Example"

注意事项

• remove() 会同时移除事件和数据，若需保留事件可使用 detach()
• 批量操作时注意选择器性能，避免复杂选择器影响页面速度
• 对用户输入内容进行标签移除时，需考虑 XSS 安全风险