Jquery e aggiungere righe alla tabella

Ho il seguente codice jquery.

var destTable = $("#numbers");
$(document).ready(function() {
  $("#btnAdd").click(function() {
   //Take the text, and also the ddl value and insert as table row.
   var newRow = $("<tr><td>hi</td></tr>");
   $("#numbers").append(newRow);
  });
});

Quello che vorrei veramente è quello di memorizzare un riferimento a un elemento di una volta e usarlo da lì su di esso.

Il codice sopra aggiungere una riga al mio tavolo, come previsto, ma se io uso. $(destTable).append(newRow) o destTable.append(newRow) non succede nulla, qualcuno potrebbe far luce su questo per me?

Grazie

InformationsquelleAutor RubbleFord | 2009-07-01



2 Replies
  1. 22

    Mantenere il riferimento all’interno del documento.pronto:

    $(document).ready(function() {
      var destTable = $("#numbers");
      $("#btnAdd").click(function() {
       //Take the text, and also the ddl value and insert as table row.
       var newRow = $("<tr><td>hi</td></tr>");
       $("#numbers").append(newRow);
      });
    });

    Punto del documento.pronto per attendere il DOM per essere pronto; se si prova a fare $('#numbers'); di fuori di esso (e il codice non viene visualizzata dopo l’elemento del documento) il DOM non ha ancora creato a questo elemento, in modo da non avere un corretto riferimento.

    Una volta fatto questo, si dovrebbe essere in grado di fare:

    destTable.append(newRow);

    All’interno del click funzione. Come ultima nota, tuttavia, è un comune e accettata pratica prefazione variabili che rappresentano jQuery set con un $. Quindi, questo è meglio:

    var $destTable = $("#numbers");
    • Ha senso quando ho pensato applausi per che ha funzionato a meraviglia.
  2. 0

    È possibile utilizzare appendTo come questo :

    $("<tr><td>Hello</td><tr>").appendTo("#MyTable > tbody") 
    • Che non dovrebbe essere <tr><td>Ciao</td></tr> ?
    • SÌ! 🙂

Lascia un commento