Jquery迭代表,具有合并的单元格,行和列,但跳过第一列

时间:2013-04-11 05:50:37

标签: jquery html-table

我可以迭代所有的行和列,但是当表合并了单元格时,它不起作用。 它不会通过所有普通列的合并行(没有任何合并的单元格)。

我的剧本:

$('#test tr').each(function() {
   $(this).find('td').each(function(colIndex)   
    {
        if(colIndex > 1)
        {
        $(this).css('background-color', 'red');
        }
    });   
});

A like example/test is available here:

2 个答案:

答案 0 :(得分:1)

$('#test tr').each(function() {



    var rowcount=0;
   $(this).find('td').each(function(colIndex)   
    {
        if(colIndex > 1)
        {
        $(this).css('background-color', 'red');
        }
      rowcount ++;
    }); 
  if(rowcount==2)
  {
     $(this).find('td').each(function(colIndex)   
    {
        if(colIndex == 1)
        {
        $(this).css('background-color', 'red');
        }

    });
  }


});

像这样修改你的jquery。这样做。 http://jsfiddle.net/dolours/pMWAw/26/

答案 1 :(得分:1)

可以简化为一行 - 只需使用:last-child选择器

$('#test tr td:last-child').css('background-color', 'red');

http://jsfiddle.net/pMWAw/12/