jquery - 如何将一系列类添加到三个对象中

Question

我需要添加:

• 我表单中表格的 ID
• 该表中每个下一个 TR 中特定数量的 TD 的类编号序列(本例中为三个 TD)

我有下一个 html 模型:

<form id="myform">
<table>
 <tr>
  <td>some text</td>
  <td>some text</td>
  <td>some text</td>
</tr>
 <tr>
  <td>some text</td>
  <td>some text</td>
  <td>some text</td>
</tr>
</table>
</form>

应用 jquery 后我需要像这样:

<form id="myform">                   <!--no changes-->
 <table id="table1">                 <!--changed-->
  <tr>       
   <td class="td1">some text</td>    <!--changed-->
   <td class="td2">some text</td>    <!--changed-->
   <td class="td3">some text</td>    <!--changed-->
  </tr>
  <tr>       
   <td class="td1">some text</td>    <!--changed-->
   <td class="td2">some text</td>    <!--changed-->
   <td class="td3">some text</td>    <!--changed-->
  </tr>
 </table>
</form>

Answer 1

让我们尝试一下:

$(function(){
    $('#myform').find('table').each(function(i,e){
       var $table = $(e);

       $table.attr('id', 'table' + (parseInt($table.index(),10)+1));

       $table.find('tr').each(function(i2,e2){
          var $tr = $(e2);

          $tr.find('td').each(function(i3, e3){
             var $td = $(e3);

             $td.addClass('td' + (parseInt($td.index(),10)+1));
         });
       });
    });
});

示例:http://www.jsfiddle.net/YjC6y/43/

这应该非常通用。不管怎样，我不确定这是否是最好的方法，但我相信 Stackoverflow 优雅而聪明的人们会纠正这个问题，如果不是的话。