3

存在するすべてのクラスにクラス名を追加したい。たとえば、今のところ、このシナリオがあります。

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

助けてください。

ありがとうございました

4

2 に答える 2

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>
于 2013-09-07T17:57:19.840 に答える
0

以下のようなことができると思います。

 $(function() {

     $("td").each(function(i) {
       var nclass = this.className;
       var trimmedClass = (nclass.slice(0,-1));
       var nCLass = trimmedClass + i; 
      $(this).addClass(nCLass);
      });
    });
于 2013-09-07T18:16:50.403 に答える