Question

我希望每个存在的类都有额外的类名。例如，现在我有这种情况。

<table id="Table20">
  <tr>
    <td class="item">
    <td class="item">
    <td class="item">
     <td class="item">
     <td class="item">
  </tr>

  </table>

我想用Jquery添加一个额外的类，如下所示：

<table id="Table20">
    <tr>
  <td class="item itm1">
  <td class="item itm2">
  <td class="item itm3">
  <td class="item itm4">
  <td class="item itm5">
 </tr>

</table>

我正在使用该代码，但它对我不起作用。

$('td.item').each(function(i,n){ $(n).addClass('count' + (i + 1));});

请帮忙。

谢谢

Answer 1

<script>
jQuery(document).ready(function(){
    $('td.item').each(function(i,n){
        j= i+1;
        $(this).addClass('itm'+j);   
    });
});
</script>
<table id="Table20">
<tr>
<td class="item">1</td>
<td class="item">2</td>
<td class="item">3</td>
<td class="item">4</td>
<td class="item">5</td>
</tr>
</table>

Answer 2

我认为你可以做下面的事情：

 $(function() {

     $("td").each(function(i) {
       var nclass = this.className;
       var trimmedClass = (nclass.slice(0,-1));
       var nCLass = trimmedClass + i; 
      $(this).addClass(nCLass);
      });
    });

为所有td类添加额外的类名

2 个答案: