表每行第一列的JQuery选择器

时间:2016-01-22 03:31:15

标签: jquery jquery-selectors

我想选择每一行的第一列。但是第一列可能有' rowspan'属性。

所以喜欢这个。

HTML:

config.addSupportedApp("src/resources/myapp.apk");

我选择了第一列,但我得到了这些结果。

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

我希望将这些列添加到表左右滚动的固定列中。

感谢。

1 个答案:

答案 0 :(得分:0)

这样的事情可能会让你开始,虽然有很多插件可用于你想做的事情

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