将IFRAME标记放置在DIV标记内

本文关键字：DIV IFRAME | 更新日期: 2023-09-27 18:25:13

我有一个HTML字符串，其中包含许多HTML标记，包括iframe:

<iframe width="40" other-properties>
   iframe code
</iframe>

如何将HTML字符串中的所有iframe标记放入DIV中，如下所示：

<div class="video">
  <iframe width="40" other-properties>
     iframe code
  </iframe>
</div>

将IFRAME标记放置在DIV标记内

您可以使用jQuery wrap进行此操作。

它甚至可以处理尚未添加到DOM中的元素：

var $html = $('<section><h1>Test</h1><iframe width="40"></iframe></section>');
$html.find('iframe').wrap('<div>');
// now you can append $html to the DOM
console.log($html[0].outerHTML); // Outputs: <section><h1>Test</h1><div><iframe width="40"></iframe></div></section>

参见JSFiddle。

一个简单的Replace看起来就足够了

var newString = originalString.Replace("<iframe", "<div class='video'><iframe").Replace("</iframe>", "</iframe></div>");
相关文章：