Обтекание текста с помощью jQuery

Question

У меня есть способ обернуть текст внутри этого div в <p></p>?

<div class="remove">
<h2 class="MsgHead">Messages</h2>
<img height="16" width="16" src="img.jpg"/>
Error saving details
<img height="16" width="16" src="img.jpg" alt="information"/>
Please check your entries  and try again
</div>

Я имел в виду те предложения, которые находятся вне каких-либо тегов (внутри удаления)

Answer 1

Если вы надеетесь получить

<div class="remove">
  <h2 class="MsgHead">Messages</h2>
  <img height="16" width="16" src="img.jpg"/>
  <p>Error saving details</p>
  <img height="16" width="16" src="img.jpg" alt="information"/>
  <p>Please check your entries  and try again</p>
</div>

и заимствование некоторого кода из Как выбрать текстовые узлы с помощью jQuery?

Я придумал это. (что я не проверял, но, даже если это не сработает, надеюсь, вы получите общее представление.)

$('div.remove')
  .contents()
  .filter(function() {
    return this.nodeType == Node.TEXT_NODE;
  }).wrap('<p/>');

Answer 2

Не совсем с вашей разметкой, я имею в виду теоретически вы можете, но разметка, которую вы хотите обернуть, состоит из элементов заголовка, и вы не можете разместить элементы блока (который является заголовком) внутри элементов абзаца. (Я предполагал, что вам нужен тег <p> внутри <div>, если вы на самом деле хотите обернуть сам <div> в <p>, то это фактически приведет к ошибке в IE).

Answer 3

$('<p></p>').html($('div.remove').html())