Insertion d'un bouton en jquery dans <td>

Version imprimable

Bonjour tout le monde,
Je débute en jquery.

Objectif insérer un <input type="button"> à l'intérieur de la table suivante:
Code:

1 2 3 4 5 6 7 8 9 <table id='item' width='100%'> <tr> <td></td> <td width='50px'>toto</td> <td width='20px'></td> <td width='130px'>tata</td> </tr> </table>"
je cherche à insérer sur le deuxième td (<td width='20px'></td>)
voila le code que j'ai pour l'instant:
Création de mon bouton:
Code:

1 2 3 4 5 6 var $addbtnprdt = $("<input></input>") .attr("id", "addprdt") .attr("rel", itemId) .addClass('scItemButton scBtnPrdt') .click(addCartItemEvent);
sélection de l'élément avec l'ajout du bouton:
Code:

1 2 $(itemText).find("tbody tr td").eq(2).append($addbtnprdt);
Je sélectionne bien mon deuxième td, mais l'append ne fonctionne pas.
$(itemText) contient la table entière.

Pouvez vous m'aider.

Merci

ca ca devrait marcher je pense !
Code:

1 2 $addbtnprdt.appendTo($(itemText).find("tbody tr td").eq(2));

Merci pour ta réponse aussi rapide ticroch,

malheureusement ca ne fonctionne pas. je regarde ma table et elle n'a toujours pas le bouton.

je met le code en entier, ca peut aider:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var $addbtnprdt = $("<input></input>")
                            .attr("id", "addprdt")
                            .attr("rel", itemId)
                            .addClass('scItemButton scBtnPrdt')
                            .click(addCartItemEvent);
 
 
                        var itemText = "<table id='item' width='100%'><tr><td>" + tmpOpt.html() + "</td><td width='50px'>" + itemQty +
                                 "</td><td class='btn' width='20px'>"
                                 + "</td><td width='130px'>" + itemTotal + "</td></tr></table>";
 
                        $addbtnprdt.appendTo($(itemText).find("tbody tr td").eq(2));

16/02/2012, 12h23
ticroch

mais ta table tu ne l'ajoute jamais au body ??
16/02/2012, 12h27
Dargos30

si j'ai bien ma table qui apparait dans ma page (itemText), mais je n'ai pas le bouton.

J'ai mis juste une partie du code, et pas l'insertion dans <body>.
16/02/2012, 12h33
ticroch
Comme ca ca marchera mieux sûrement :)
Code:

1 2 $addbtnprdt.appendTo($(itemText).find("td").eq(2));

et il faut sûrement créer l'élément jquery avant !!
Code:

1 2 3 itemptext = $(itemtext); // creation de l'element jQuery $addbtnprdt.appendTo(itemText.find("td").eq(2));

16/02/2012, 13h45
Dargos30

Bien joué ça fonctionne effectivement il faut créer l'élément jquery avant.

Pour quel raison exactement?

Merci de ton aide
16/02/2012, 13h51
ticroch
car en fait en utilisant juste le texte tu vas crée plusieurs fois ta table !!

première fois ici :
Code:

1 2 $(itemText).find("tbody tr td").eq(2).append($addbtnprdt);
ici tu inseres ton bouton dans la table, mais tu ne fais rien avec elle ensuite, donc elle ne sera donc pas inséré dans le dom

deuxieme fois, quand tu l'insères au body.

Donc toujours penser, quand tu veux travailler avec un élément, tu dois travailler avec l'élèment jQuery et pas avec un String !!!! (sauf si le String est l'id la ca marche ^^)
16/02/2012, 13h56
Dargos30

Ok parfait master of pepets.

Merci pour l'aide.
16/02/2012, 14h03
ticroch

Citation:

Ok parfait master of pepets.

master of pepets ????