2014-01-27 3 views
1

td 행 스파이 (rowspan)에 속한 td 값을 추출하려고합니다.JS 또는 jQuery를 사용하여 행의 행 값을 얻는 방법

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

그래서 나는 그것의 분리 비용을 추출해야 예를 들어 1 월 클릭하면 : $ 50 $ (50)

내가이 나누어 비용을 추출해야 2 월 클릭하면을 : $ 150 $ 150 $ (100)

+2

당신과 함께 솔직히 말해서, 나는 plsql 프로그래머이고이 코드를 모르겠다. 책을 읽기 시작했지만 팀에서 자바 스크립트를 사용하여이 작업을 완료하라고 요청했지만 아직 도착하지 않았다. 지금은 도움을 요청할 수있다. learn –

답변

3

이 시도, J와

$(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-library는 테이블을 colspan과 rowspan을 설명하는 텍스트 내용이나 요소 참조의 2D 목록으로 "평평하게"만듭니다. – Abram

-1

당신은 단순히과 같이 개체를 선택할 수 있습니다 조회 :

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

포함하는 값을 얻기 위하여는 다음과 같습니다

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

이것에 더 : http://api.jquery.com/attribute-equals-selector/

+0

질문은 rowspan 속성이있는 셀을 선택하는 방법이 아니라 rowspan이있는 주어진 셀에 인접한 td 셀을 선택하는 방법을 묻는 것입니다. – Abram

+0

인용문 질문 : "td rowspan에 속한 td 값을 추출하려고합니다." 내 대답은 질문에 대한 직접적인 응답이며, downvote를 제거하십시오. –

관련 문제