如何在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>