我的文档上有这个 html
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="">
<html><head></head><body></body></html>
</iframe>
我需要用另一个我想要的自定义 html 代码替换，例如：
<div class="customdiv">any content I want</div>
任何想法？问题是我无法定位元素 iframe，因为在同一页面中我可以有许多 iframe 但使用不同的代码，我只需要定位具有特定代码的那些，提前谢谢
您可能希望使用该replaceWidth功能，而不是其他帖子建议的html功能，因为这将重新创建全新的元素。最简单的形式如下：
$('div.second').replaceWith('<h2>New heading</h2>');
但您也可以将元素引用或 jquery 对象传递给它。
$('iframe').replaceWith($(".customdiv"));
一般来说，虽然这不是可取的，但您应该remove手动添加或显示/隐藏元素和其他元素 ( .remove())。
您在评论中指出您只希望匹配空 iframe。这将很难做到，因为我担心您的 iframe 将在另一个域上（通常是 iframe 的情况），因此您无法访问 iframe 标记内的任何内容。另一方面，如果 iframe 在您自己的域中，您应该重新考虑使用 iframe，但在这种情况下，您可以使用containsjquery 函数检查空文档（或find正文元素和检查它是空的）
$('iframe').html( $('.customdiv').html() );
使用.html方法来获取或设置元素的innerhtml。
这将customdiv使用 JQuery html方法替换元素的内容。
$('.customdiv').html('your html string');