找到<td> Jquery的数量

Question

我有以下HTML结构,我想找出立即的长度<td>s.这是我正在使用的代码: -

<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>

我用来找出td长度的函数是

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


}

我看到的结果是0.根本没有任何线索.我期待2.任何帮助将不胜感激.

Answer 1

我从你的HTML中删除了星号并对你如何调用做了一些假设getBody,所以如果我做了一些不对的事,请告诉我.

代码: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'));

最大的变化是增加了一个.children('tbody').HTML解释器包装了trs tbody.走到那,你会没事的.

Answer 2

我想你想使用以下内容。

$("td").length

更新

您将需要使用 tr 标签作为开始选择器，然后使用 first 计算每个 td 选择器以仅获取第一个选择器。

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

Answer 3

尝试这个：

//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;
});

笔记; 如果您创建动态表行列然后使用 $(document).live("click",function(){});