Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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()!