jquery 如何统计不同 class 行中的 div

Question

我的 JS 很弱，我需要一些帮助来解决问题。

我想计算 td 个元素的数量，并将 class 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>

Answer 1

试试这个：

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

这样你首先 select 所有 TR（在页面上的所有 table 中，如果你只想在特定的 table 中这样做，请添加一个 ID 或 class 到 table) 然后使用每个函数 select 该行中的所有 TD，然后向每个 TD 添加 Class。

Fiddle: http://jsfiddle.net/cfjumovs/1/

Answer 2

试试这个：

给你的table一个class或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)          

});

jquery 如何统计不同 class 行中的 div

jquery how to count divs in row with different class

html

javascript

jquery

loops