jQuery - 행 개수/행 인덱스 색인을 가져 오기

Question

현재 rowspanned "행"의 색인을 얻는 방법을 알아 내려고합니다 (rowspanned 인 셀이라 할지라도).

<table> 
    <tr> 
     <td rowspan="2">First</td> 
     <td> First 1 1 </td> 
     <td> First 2 1 </td> 
    </tr> 
    <tr> 
     <td> First 2 1 </td> 
     <td> First 2 2 </td> 
    </tr> 
    <tr> 
     <td rowspan="2">Second</td> 
     <td> Second 1 1 </td> 
     <td> Second 2 1 </td> 
    </tr> 
    <tr> 
     <td> Second 2 1 </td> 
     <td> Second 2 2 </td> 
    </tr> 
</table> 

테이블의 셀을 클릭하면 "행 스팬 된"행을 어떻게 계산합니까?

예를 들어 "두 번째"셀 중 하나를 클릭하면 "2"가되고 "첫 번째"셀 중 하나를 클릭하면 "1"이됩니다.

row=$(this).parent().parent().children('tr').filter(function (index) { 
    return $(this).children('td[rowspan]'); }).index($(this).parent()); 

및

row=$(this).parent().parent().children('tr:contains("td[rowspan]")') 
    .parent().parent().index($(this).parent()); 

및 정렬의이

$row=$(this).parent(); 
while ($row.children('td:eq(0)').attr("rowspan").length<=0) 
    $row=$row.prev(); 
span=$row.children('td:eq(0)').attr("rowspan"); 
row=Math.floor(parseInt($(this).parent().parent().children().index($(this).parent()))/span); 

작업을하지만,이 경우에만 작동있어주고 :

내가 해봤 여러 가지이 포함 rowspan 셀이 있다는 것을 ... 그리고 모든 행에 동일한 rowspan이 있다고 가정합니다.

나는이 사이트에서 일하려고했지만 너무 멀어 질 수 없었다.

jquery selector to count the number of visible table rows?
JQuery: How to select rows from a table
Table row and column number in jQuery

Answer 1

첫 번째 열의 셀 속성이 rowspan 인 배열을 만드는 것도 한 가지 방법입니다. 여기에서 클릭 된 행의 인덱스를 가져와 rowspan 배열을 반복하면서 범위의 범위를 뺍니다.

$("td").click(function() { 
    var $this = $(this); 
    var rowIndex = $this.closest("tr").index(); 
    $this.closest("table").find("tr").map(function() { 
     return $(this).find("td:first").attr("rowspan") || 1; 
    }).each(function(index) { 
     if ((rowIndex -= this) < 0) { 
      alert(index + 1); // 'index' is zero-based. 
      return false; 
     } 
    }); 
}); 

당신이 this fiddle에서 테스트 할 수 있습니다 : 당신이 영하로 이동 한 후에는 (제로) 인덱스가 있습니다.

Answer 2

이 당신이 원하는 경우 확실하지; 하지만 자리에 ... 데이터가 여러분의 인생을 더 쉽게하기 위해 마크 업 속성을 추가하는이와

<table> 
    <tr data-index="0"> 
     <td rowspan="2">First</td> 
     <td> First 1 1 </td> 
     <td> First 2 1 </td> 
    </tr> 
    <tr data-index="1"> 
     <td> First 2 1 </td> 
     <td> First 2 2 </td> 
    </tr> 
    ... 
</table> 

을 고려 값을 얻는 것은 간단하다 :

$(this).parent().attr("data-index"); 

Answer 3

var table = $('table');      // reference of table 
$('td').click(function() { 
    var perent = $(this).parent();   // find parent tr 
     index= table.find(perent).index(); // get index of tr 
    alert(index); 
}); 

DEMO

var table = $('table'); 
$('td').click(function() { 
    var tdWithRowSpan = $(this).siblings('td[rowspan]').length ? // if siblings td[rowspan] exists 
          $(this).siblings('td[rowspan]') :  // get that td 
           $(this).parent().prev('tr').find('td[rowspan]'); // else find closest td[rowspan] 


    index = table.find('td[rowspan]').index(tdWithRowSpan); // get index 
    alert(index); 
}); 

DEMO