用div标签包装iframe标签

Question

我有一些HTML，其中包含一个post内容：

<div class="post-content">
  <iframe width="40" other-properties>
     iframe code
  </iframe>
  Other content and other tags
</div>

如何用div包装post内容中的所有iframe标记：

<div class="post-content">
  <div class="video">
    <iframe width="40" other-properties>
       iframe code
    </iframe>
    Other content and other tags
  </div>
</div>

Answer 1

$(".post-content iframe").wrap('<div class="video"></div>');

Answer 2

如果需要在浏览器中这样做，可以使用jQuery (参见docs - http://api.jquery.com/wrapinner/)：

$(".post-content").wrapInner("<div class='video'></div>")