Как красиво добавить много тегов с помощью jquery? [закрыт]

var ar = ['Тест из переменной "title"', 'Текст из переменной "text"']; 
 
var div = $('<div/>', { 
  class: 'block' 
}) // Родительский елемент 
var ddiv = $('<div/>', { 
    class: 'title', 
    text: ar[0] 
  }) // Добавляет child element 
  .add('<pre/>', { 
    text: ar[1] 
  }) // Добавляет child element 
div.append(ddiv); 
//---------------------------------------------------------------- 
/**** Если так нарвиться больше можно и так 
div.append( 
   $('<div/>', {class: 'title', text: ar[0]}) 
   .add('<pre/>', {text: ar[1]}) 
); 
 
*/ 
// Добавляет все остальное    
$('.container').append(div);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="container"></div> 
 
<!-- 
<div class="block"> 
  <div class="title"> 
    Тест из переменной "title" 
  </div> 
  <pre> Текст из переменной "text"</pre> 
</div> 
-->