Trovare il conteggio di <td> Jquery

Question

Ho la seguente struttura HTML e volevo scoprire la lunghezza dell'immediato <td>s. ecco il codice che sto usando: -

<table class="PrintTable"> 
    <tr> 
     **<td>** 
     <table> 
      <thead> 
       <tr><th>Type Of Transaction</th></tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Name</td> 
       </tr> 
       <tr> 
        <td>Age</td> 
       </tr> 
      </tbody> 
     </table> 
     </td> 
     **<td>** 
     <table> 
      <thead> 
       <tr><th>2006</th></tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Andi</td> 
       </tr> 
       <tr> 
        <td>25</td> 
       </tr> 
      </tbody> 
     </table> 
     </td> 

    </tr> 
</table> 

La funzione che sto usando per scoprire la lunghezza del TD è

function getBody(element) 
{ 
    var divider=2; 
    var originalTable=element.clone(); 
    var tds = $(originalTable).children('tr').children('td').length; 
    alert(tds); 


} 

Il risultato che sto vedendo è 0. Nessun indizio a tutti . Mi aspetto 2. Qualsiasi aiuto sarà apprezzato.

Answer 1

Ho rimosso gli asterischi dal codice HTML e ho fatto alcune ipotesi su come si sta invocando getBody, quindi se ho fatto qualcosa che non era giusto, fammi sapere.

Codice: http://jsfiddle.net/27ygP/

function getBody(element) { 
    var divider = 2; 
    var originalTable = element.clone(); 
    var tds = $(originalTable).children('tbody').children('tr').children('td').length; 
    alert(tds); 
} 

getBody($('table.PrintTable')); 

Il grande cambiamento è stato il aggiungere un .children('tbody'). L'interprete HTML include gli tr s in tbody. Attraversa quello, e starai bene.

Answer 2

Penso che vogliate usare quanto segue.

$("td").length 

UPDATE

Si vuole utilizzare il tag tr come selettore di partenza e poi contare ogni selettore td utilizzando prima di prendere solo il primo.

$("tr", $("td:first")).length 

Answer 3

Questo dovrebbe funzionare:

var itemsCount = $(".PrintTable > tr > td").length; 

Aggiornamento:

Ho appena realizzato che almeno Chrome inserisce <tbody> se non è già presente, in modo da ottenere il supporto cross browser:

var itemsCount = $(".PrintTable > tbody > tr > td, .PrintTable > tr > td").length; 

Esempio: http://jsfiddle.net/H2JWS/

Answer 4

Prova questo:

//For FFox 
$(document).ready(function(){ 
var countTD=$("Your_Table_ID_or_Class tr:first > td").length; 
}); 

// For webKit Browser 
$(window).load(function(){ 
var countTD=$("Your_Table_ID_or_Class tr:first > td").length; 
}); 

Nota; Se la creazione di colonna di riga della tabella dinamica quindi utilizzare $(document).live("click",function(){});

Answer 5

In generale, se si desidera contare il numero di td 's in una riga specifica, si può fare questo ..

$(function(){ 
    count = $("table tr").children("td").index()+1; 
}); 

Answer 6

var rowCount = $ ('# myTable tr'). lunghezza;

Answer 7

var originalTable = $(remove_copy_drargelement).closest('table').clone(); 

var tds = $(originalTable).children('tbody').children('tr').children('td').length;