jquery移除标签

使用 jQuery 移除 HTML 标签

使用 jQuery 移除 HTML 标签可以通过多种方法实现，具体取决于需求是移除标签本身还是仅移除标签内的内容。

移除整个标签（包括内容）

使用 remove() 方法可以彻底移除选中的元素及其内容：

$('selector').remove();

例如移除所有 <div> 标签：

$('div').remove();

仅移除标签内的内容（保留标签）

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

$('selector').empty();

例如清空某个 <div> 内的内容：

$('#myDiv').empty();

移除标签但保留内容

如果需要移除标签但保留其中的文本内容，可以使用 unwrap() 或手动操作：

$('selector').contents().unwrap();

例如移除 <span> 标签但保留文本：

$('span').contents().unwrap();

移除特定属性的标签

结合属性选择器可以移除带有特定属性的标签：

$('[data-role="temp"]').remove();

注意事项

• remove() 会同时移除事件和数据，若需保留事件可使用 detach()。
• 操作前建议确认选择器准确性，避免误删关键元素。
• 对于动态生成的内容，需确保在 DOM 加载完成后执行操作（如放在 $(document).ready() 中）。