Discussion :

[Toufik83]

quel est le moyen le plus propre pour stocker localement une liste dans l'attribut "data-X"?
déclarer le type de l'attribut "data-X" en tant qu'objet jQuery

Code :

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

liste.attr("data-X",$([]));

, ou bien en tant que tableau?

Code :

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

liste.attr("data-X",[]);

[danielhagnoul]

Aucun des deux : http://api.jquery.com/data/

Code html :

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

<button id="myBtn">Go</button>

Code javascript :

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

1
2
3
4
5
6
7
8
9
$( function(){
 
  // pour stocker un array
  $( "#myBtn" ).data( { "X" : [ 1, 2, 3 ] } );
 
  // pour le lire
  console.log( $( "#myBtn" ).data( "X" ) );
 
});

[Toufik83]

bonsoir,
merci d'avoir pris le temps de me répondre danielhagnoul.
j'avais besoin que les data soient des objets jquery, pour faciliter la recherche et le trie de la liste.

Code css :

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

1
2
 
.liste li{display:none}

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div class='Paginer'>
 
</div>
<div class='test'>
 
</div>
<ul class='liste'>
  <li>A</li><li>B</li><li>C</li>
<li>D</li>
</ul>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$(function(){
var liste=$(".liste")
,length=liste.find("li").length;
 
$(".Paginer").data("initiale",liste.children()); // copie tout les children() de ".list" dans le data de ".Paginer".
liste.find("li").show(); //affichage des li de la liste
$(".test").data("initiale",liste.children()).html(liste.html());// initialiser le data de ".test" avec liste, puis insérer liste.html() dans ".test".
 
 console.log("Initiale .Paginer length :"+$(".Paginer").data("initiale").length
  +"data 2 dans .test:"+$(".test").data("initiale").eq(2).html());
});