2009-10-15 75 views
7

我試圖從表格的<tbody>部分檢索所有行,但我不確定這樣做的語法。我在下面列出了一個虛擬表格提取和我最近用jQuery實現任務的嘗試!識別表格中的所有行<tbody>使用jQuery的元素

表摘錄:

<tbody> 
<tr> 
    <th id="emergency" colspan="2">Emergency</th> 
</tr> 
    <tr> 
     <td>Emergency data</td> 
     <td>Emergency data</td> 
    </tr> 
    <tr> 
     <td>Emergency data</td> 
     <td>Emergency data</td> 
    </tr> 
</tbody> 
<tbody> 
<tr> 
    <th id="urgent" colspan="2">Urgent</th> 
</tr> 
    <tr> 
     <td>Urgent Data</td> 
     <td>Urgent Data</td> 
    </tr> 
    <tr> 
     <td>Urgent Data</td> 
     <td>Urgent Data</td> 
    </tr> 
</tbody> 

jQuery代碼:

var emergencyRows = $table.find('#emergency').children().get(); 

回答

8

我的建議是將ID屬性放在tbody上,而不是每個的第一行。

HTML

<table> 
    <tbody id="emergency"> 
     <tr> 
      <th colspan="2">Emergency</th> 
     </tr> 
     <tr> 
      <td>Emergency data</td> 
      <td>Emergency data</td> 
     </tr> 
     <tr> 
      <td>Emergency data</td> 
      <td>Emergency data</td> 
     </tr> 
    </tbody> 
    <tbody id="urgent"> 
     <tr> 
      <th colspan="2">Urgent</th> 
     </tr> 
     <tr> 
      <td>Urgent Data</td> 
      <td>Urgent Data</td> 
     </tr> 
     <tr> 
      <td>Urgent Data</td> 
      <td>Urgent Data</td> 
     </tr> 
    </tbody> 
</table> 

jQuery的

var emergencyRows = $("tbody#emergency").find("tr:gt(0)"); 
var urgentRows = $("tbody#urgent").find("tr:gt(0)"); 

jQuery的片斷將獲得與第一排以外的所有各行。

2

嘗試:

var emergencyRows = $("th#emergency").parent().parent().find("tr:gt(0)"); 

它應該讓你不屬於標題行的所有行。

4

這可能是最乾淨的

$('#emergency').closest('tbody').children(); //only returns first child element, so the <tr>'s 
3

從你的例子,好像你可能想「除了包含#emergency一個所有行」。如果是這樣的話,你可以使用以下命令:

$('#emergency').closest('tr').siblings();

注意#emergency不必特別地爲<tr /><th />或任何東西。它可以是表格單元格內的任何元素。

10

如果您知道表格ID,則可以使用以下內容。

var trs = $("#tableid").find("tbody>tr"); 
+0

如果我們已經應用了分頁,那麼除了當前頁面以外,如何獲取其他頁面數據。 – 2016-04-06 10:14:20

+0

我能找到解決方案來獲取分頁頁面中的所有記錄。 – 2016-04-07 04:14:22

1

我能找到一個解決方案來獲取分頁頁面中的所有記錄。您也可以試試這個。

var userList = $("#user-grid").dataTable().fnGetNodes();

相關問題