Discussion :

[boboss123]

Bonjour,

J'ai créé une fonction qui me construit un tableau dynamiquement (utilisation du DOM).
Mon tableau à un nombre de lignes fixes et donc si je n'ai pas de données à mettre, la ligne est vide. C'est pour cela que j'aimerais générer le code suivant pour faire mes lignes vides :

Code :

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

1
2
3
<tr>
    <td>&nbsp;</td><td></td><td></td><td></td>
</tr>

=> je mets un espace dans la première case pour que la ligne est la même taille que les lignes remplies

le problème est que je n'arrive pas à insérer un espace avec la methode .text() de JQuery :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// écrit le texte " " dans la case => ne marche pas :(
$("<td/>").text("&nbsp;").appendTo(tr);
$("<td/>").appendTo(tr);
$("<td/>").appendTo(tr);
$("<td/>").appendTo(tr);
 
// la case est vide => ne marche pas :(
$("<td/>").text(" ").appendTo(tr);
$("<td/>").appendTo(tr);
$("<td/>").appendTo(tr);
$("<td/>").appendTo(tr);

=> qu'est-ce qui ne va pas dans l'utilisation de cette fonction ?

[colas31]

heu je ferai plus un truc du genre mais je ne suis pas un pro :
en fait tu controle si la cellule est vide si oui tu rajoute du texte dedans.
(j'ai un doute quant à la condition)

Code :

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

1
2
3
4
5
$(" tr td").each(function(){
if($(this).text()== null){
$(this).append(" ");
}
});

[boboss123]

heu je ferai plus un truc du genre mais je ne suis pas un pro :
en fait tu controle si la cellule est vide si oui tu rajoute du texte dedans.
(j'ai un doute quant à la condition)

Code :

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

1
2
3
4
5
$(" tr td").each(function(){
if($(this).text()== null){
$(this).append(" ");
}
});

il y a plus simple :

Code :

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

$("<td/>").html("&nbsp;").appendTo(tr);

Mais j'aimerais quand même savoir comment utiliser la méthode .text() pour faire ça

[SpaceFrog]

et plus simplement

Code :

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

$("td").text(" ")

vu que text créé un textnode ... ?

et sans les < />

[boboss123]

et plus simplement

Code :

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

$("td").text(" ")

vu que text créé un textnode ... ?

et sans les < />

Non ça ne fonctionne pas : ça me fait un bug, j'ai plein de cases qui se créent dans mon tableau

Bon je crois que je vais rester sur ma solution car dans ce cas précis ça suffit mais c'est quand même dommage de ne pas pouvoir utiliser la méthode .text()