2014-04-16 143 views
1

還有一些類似的問題,但我的更具體一點。如何通過jQuery遍歷某個類型的所有元素?

我有一個ID爲「myTable」的表元素,裏面有一些tr元素(假設tr元素是2)。

<table id="myTable"> 
    <tr> 
     <td>Row 1</td> 
    </tr> 
    <tr> 
     <td>Row 2</td> 
    </tr> 
</table> 

如果我嘗試看看在#myTable表元素的行數,通過寫

var numberOfRows = $("#myTable tr").length; 

我總是有1在numberOfRows變量。

它只適用於當我添加一個類到所有tr元素。

<table id="myTable"> 
    <tr class="myRows"> 
     <td>Row 1</td> 
    </tr> 
    <tr class="myRows"> 
     <td>Row 2</td> 
    </tr> 
</table> 

比方說,類是「myRows」,並寫上如下:

var numberOfRows = $("#myTable .myRows").length; 

然後,我得到正確的數量 - 2

所以,我的問題是如何獲得某些元素的數量或通過它們循環,如果它們沒有被類別區分(如上例)?

+0

哪些元素?你可以發佈你的標記嗎? – BenM

+3

'$(「#myTable tr」)。length'應該可以工作。否則,您的HTML標記無效。 – Felix

+0

他們是表和tr元素。我不在這裏粘貼HTML。 – Yulian

回答

1

你可以使用這樣的:

$('#myTable > tbody > tr').each(function() {...code...}); 
+0

我寧願等待OP發佈他的HTML。如果他沒有'tbody'會怎麼樣? – asprin

+0

@asprin只是不使用tbody – Gyani

0

純JavaScript也適用於所有的瀏覽器meyor

var rows=document.getElementById("myTable").rows; 
for(var rowIndex=0;rowIndex<rows.lenght;rowIndex++){ 
     //now do everything with tr $(rows[rowIndex]).height(80) 
}