0
votes

Comment appendez un bouton à une table

J'ai le code suivant que je peuploie une table comme suit: xxx

qui me donne la structure HTML suivante xxx

i Voulez-vous ajouter un bouton dans la table après le total, mais je ne peux pas obtenir la position à droite. Si je fais ce qui suit, il ajoute évidemment le bouton d'abord.Comment puis-je l'ajouter après le "Total" TR? < Pré> xxx

Ceci est mon objectif xxx

jquery html

0 commentaires

3 Réponses :

0
votes

pouvez-vous ne pas ajouter d'instruction IF dans votre inner $ .ach qui vérifie si "i" est égal à 0 et si oui, appendez votre bouton après avoir ajouté votre 1ère rangée.

    $.each(total, function () {
      var div = $('<div></div>');
      var tabel = $('<table style="width:98%"></table>');
      var body = $('<tbody></tbody>');
     $.each($(this).children('div'), function (i) {
         body.append($('<tr><td style="width:100%">' + $(this).html() + '</td></tr>'));
         if (i === 0) {
            body.append($('<tr><td style="width:100%"><button>BUTTON STUFF HERE</button></td></tr>'));
         }
  });
    tabel.append(body);
    div.append(tabel);
    divs.push(div);
    });

0 commentaires

1
votes

Vous devez d'abord sélectionner l'élément de l'étendue avec la classe Total code> et après que Sélectionnez son TR code> parent et une fois, vous insérez votre code de bouton. Il suffit de changer votre code avec des lignes ci-dessous -

$.each($(this).children('div'), function (i) {
    body.append($('<tr><td style="width:100%">' + $(this).html() + '</td></tr>'));
});
body.find('span.total').closest('tr').after('<tr><td><button type="button" class="Now disabled">Now</button><td></tr>');

0 commentaires

0
votes

 $.each(total, function () {
          var div = $('<div></div>');
          var tabel = $('<table style="width:98%"></table>');
          var body = $('<tbody></tbody>');
         $.each($(this).children('div'), function (i) {
         body.append($('<tr><td style="width:100%">' + $(this).html() + '</td> 
         </tr><tr><td><button type="button" class="Now disabled">Now</button> 
   </td></tr>'));
      });
        tabel.append(body);
        div.append(tabel);
        divs.push(div);
        });

0 commentaires