Syntaxe objet pour élements multiples [Résolu]

[roster]

Bonjour,
Je cherche la synthaxe correcte pour créer un objet jquery comportant plusieurs éléments DOM.

Voilà ce que je cherche à réaliser:

Code :

1
2
3
4
5
6
7
8
9
10
$('<div/>').append(newBlock());
/////
function newBlock()
{
      var $block =$( $('<h1/>')
                              .text('Title'), //????
                         $('<h2/>')
                               .text('subTitle'));
      return $block;
}

J'arrive en passant par un simulacre d'outer html mais cela est bien trop lourd:

Code :

1
2
3
4
5
6
7
8
9
10
$('<div/>').append(newBlock());
/////
function newBlock()
{
      var h1  = $('<h1/>')
                         .text('Title');
      var h2  = $('<h2/>')
                          .text('subTitle');
      return $("<div>").append(h1.clone()).html()+$("<div>").append(h2.clone()).html();
}

Merci de votre aide.

[roster]

Il n'éxiste apparemment pas de solution à ce que je cherche à faire hormis passer par des templates, ce qui pour l'instant n'est pas trop mon objectif.

Je ne souhaitait pas passer par un élément contenant mais je semble ne pas avoir le choix:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function newBlock(lib1,lib2)
{
      return $('<div/>')
		       .append(
 
			   $('<h1/>')							
				.text(lib1),
                           $('<h1/>')							
				.text(lib2)
			)
		        .html();
}

Les performances sont bien meilleures qu'avec clone()!