jquery - jquery验证html（删除h1标签内的p标签等）删除标签保留内容

Question

任何人都可以帮我处理这个 jquery，我需要删除其他标签内的标签，例如，如果 ap 标签在 h1 标签内，则删除 p 标签但保留内容，我尝试了几种方法，但我能想出的最好方法是也删除内容

$("#textEditor").contents().find("h1:has(p)").find("p").remove();

编辑这里是我想验证的标记

    <h1>This is an example <strong> of bad markup</strong> 
<p>need to remove these p tags but keep content</p></h1>

Answer 1

用于unwrap()删除标签，但将其内容保留在 DOM 中。contents()此外，您不需要调用该函数。

$("#textEditor").find("h1:has(p)").find("p").unwrap();

有关 unwrap() 的更多详细信息

Answer 2

谢谢我刚刚解决了

 $("#textEditor").contents().find("h1:has(p)").find("p").contents().unwrap();

感谢您指出展开，因为#textEditor 在 iframe 中，所以需要内容