JQuery selector для таблицы каждая строка первая колонка

Question

Я хочу выбрать первый столбец каждой строки. Но в первом столбце, возможно, есть свойство «rowspan».

Так вот так.

HTML:

<tr> 
    <td rowspan="2">first1<td> 
    <td>first2<td> 
    <td>first3<td> 
<tr> 
<tr> 
    <td>second2<td> 
    <td>second3<td> 
<tr> 
<tr> 
    <td>third1<td> 
    <td>third2<td> 
    <td>third3<td> 
<tr> 

Я выбираю первый столбец, но я получаю эти результаты.

$("tr td:first-child"); 

"<td rowspan="2">first1<td>,<td>second2<td>,<td>third1<td>" 

ожидать результат

"<td rowspan="2">first1<td>,<td>third1<td>" 

Я хочу, чтобы получить эти столбцы с фиксированными столбцами для таблицы слева направо свитки.

Спасибо.

Answer 1

Нечто подобное может вам начать, хотя существует множество плагинов для делать то, что вы хотите

var $rows = $('tr'), skipCount = 0; 

var $cloneTable = $('<table>'); 
$rows.each(function() { 
    var $row = $(this), $firstCell; 
    var $newRow = $('<tr>'); 
    if (!skipCount) { 
     $firstCell = $row.find('td').first(); 
     $newCell =$firstCell.clone().height($firstCell.height());   
     $newRow.append($newCell); 
     var rowSpan = +$firstCell.attr('rowspan'); 
     if (rowSpan) { 
      skipCount = rowSpan-1; 
     } 
    } else { 
     skipCount--; 
    } 
    $cloneTable.append($newRow); 

}); 

DEMO