Как оформить текст вне div?

Question

У меня автоматически сгенерированный заголовок приходит из системы. Вот как выглядит HTML:

  $("#foo2").contents().filter(function(){ 
       return this.nodeType == 3;    
   })[0].nodeValue = "" ;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Auto-generated text
       <div id="container"></div>
       <div id="menu"></div>
       <ul >
          <li>item 1</li>
          <li>item 2</li>
          <li>item 3</li>
       </ul>

Я смог выделить текст и удалить его (см. Мой JS), но теперь я хочу стилизовать его с помощью jQuery или JS. Кто-нибудь знает, как это сделать? Или как добавить его в контейнер div#, чтобы я мог его стилизовать.

Заранее спасибо.

Answer 1

Использование .appendTo( target ) переместить текстовые узлы в #container

Описание: вставьте каждый элемент в наборе соответствующих элементов в конец цели.

target
Тип: Selector или htmlString или Element или Array или jQuery Селектор, элемент, строка HTML, массив элементов или объект jQuery; соответствующий набор элементов будет вставлен в конец элемента (ов), указанного этим параметром.

 $("#foo2").contents().filter(function(){ 
    return this.nodeType == 3;
 }).appendTo("#container");

#container { color: red }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo2"> Auto-generated text
   <div id="container"></div>
   <div id="menu"></div>
   <ul>
      <li>item 1</li>
      <li>item 2</li>
      <li>item 3</li>
   </ul>
</div>