jquery如何计算不同类的行中的div

时间:2015-01-28 20:37:29

标签: javascript jquery html loops

我在JS方面相当薄弱,我想帮助解决一个问题。

我想计算td元素的数量,并将类something(n)添加到每一行的td元素中。 (n) - 是每行中的td数。我该怎么做?请帮忙。

我有代码:

<table>
    <tr class="five-1">
        <td>
            something           
        </td>
        <td>
                something2      
        </td>
        <td>
            something3          
        </td>
    </tr>
    <tr class="five-2">
        <td>
            something1          
        </td>
        <td>
            something2          
        </td>
        <td>
            something3      
        </td>
    </tr>
</table>

2 个答案:

答案 0 :(得分:0)

试试这个:

<script>
   $(document).ready(function(){
     $('tr').each(function(){
        $('td',$(this)).each(function(ind) {
           $(this).addClass('something' + ind);
        });
     });
   });
</script>

这样您首先选择所有TR(在页面上的所有表中,如果您只想在特定表中执行此操作,向该表添加id或类),然后使用每个函数选择该行中的所有TD然后为每个TD添加一个Class。

小提琴:http://jsfiddle.net/cfjumovs/1/

答案 1 :(得分:0)

试试这个:

给你的表一个类或Id(如果有多个..)

<table Id="myTable">
<tr class="five-1">
    <td>
        something           
    </td>
    <td>
            something2      
    </td>
    <td>
        something3          
    </td>
</tr>
<tr class="five-2">
    <td>
        something1          
    </td>
    <td>
        something2          
    </td>
    <td>
        something3      
    </td>
</tr>

然后Javascript

var rows = $('#myTable td');
$.each(rows,function(i, r)
{
     $(this).addClass('cellclass' + i)          

});