javascript - Adding an extra class name to all td classes

Question

I want to extra class name with every exist class. for example for now I have this scenario.

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

  </table>

And I want to add an extra class with Jquery like this one:

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

I were using that code but it does not work for me.

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

Please help.

Thank you

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);
      });
    });