2014-01-27 112 views
1

我想提取屬於td rowspan的td值。如何使用JS或jQuery獲取Rowspan行值

<!DOCTYPE html> 
<html> 
<body> 
<table border="1"> 
    <tr> 
     <th>Month</th> 
     <th>Expenses</th> 
     <th>Exp/ Divided</th> 
    </tr> 
    <tr> 
     <td rowspan="2">January</td> 
     <td rowspan="2">$100</td> 
     <td>$50</td> 
    </tr> 
    <tr> 
     <td>$50</td> 
    </tr> 
    <tr> 
     <td rowspan="3">February</td> 
     <td rowspan="3">$400</td> 
     <td>$150</td> 
    </tr> 
    <tr> 
     <td>$150</td> 
    </tr> 
    <tr> 
     <td>$100</td> 
     <tr></tr> 
</table> 
</body> 
</html> 

所以,如果我點擊一月比如我要提取其分成費:$ 50,$ 50

如果我在二月點擊我要提取其分成費用

:$ 150,$ 150,$ 100

+2

來跟你說實話,我是plsql程序員,並且不知道這段代碼,我只是開始閱讀一些書籍,但我的團隊要求我通過使用JavaScript來完成這項任務,但我到了那裏,暫時還沒有,現在我只需要一些幫助,學習 –

回答

3

試試這個,

$(function(){ 
    $('.rowspan').on('click',function(){ 
     $tr=$(this).closest('tr'); 
     rowspan=$(this).attr('rowspan'); 
     index=$('tr').index($tr); 
     tot=parseInt(index)+parseInt(rowspan); 
     for(var i=index,len=tot;i<len;i++){ 
      console.log($('tr:eq('+i+') td:last').text()); 
     } 
    }); 
}); 

Working Demo

+0

必須要有ini庫在那裏將一張表「變平」成一個包含colspan和rowspan的文本內容或元素引用的二維列表。 – Abram

-1

的J查詢您可以簡單地選擇像這樣的對象:

$("td[rowspan='2']"); 

爲了得到含有值將是:

$("td[rowspan='2']").text(); 

更多內容: http://api.jquery.com/attribute-equals-selector/

+0

問題是詢問如何選擇與行跨度相鄰的給定單元格的td單元格,而不是如何選擇具有rowspan屬性的單元格。 – Abram

+0

引用問題:「我試圖提取屬於td rowspan的td值。」我的回答是對這個問題的直接回應,請刪除您的downvote。 –