Question

我绞尽脑汁让它发挥作用，并需要一些帮助

我有一个表，我需要在第一个td单元格中添加一些类，但是有些表格有一个td rowspan，当我尝试将类添加到第一个类型ofc时，它适用于每行中的每个td

以下是HTML示例

<table>
  <tbody>
    <tr>
      <td rowspan="3" valign="middle"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr">
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

以下是我想用jQuery做的事情

<table>
  <tbody>
    <tr>
      <td rowspan="3" class="first"></td>
      <td class="second"></td>
      <td class="third"></td>
      <td class="fourth"></td>
      <td class="fifth"></td>
    </tr>
    <tr>
      <td class="second"></td>
      <td class="third"></td>
      <td class="fourth"></td>
      <td class="fifth"></td>
    </tr>
    <tr>
      <td class="second"></td>
      <td class="third"></td>
      <td class="fourth"></td>
      <td class="fifth"></td>
    </tr>
    <tr">
      <td class="first"></td>
      <td class="second"></td>
      <td class="third"></td>
      <td class="fourth"></td>
      <td class="fifth"></td>
    </tr>
  </tbody>
</table>

Answer 1

你可以使用这个jquery代码来查找和更新类，具体取决于eq编号将你想要的类设置为数字

    $(document).ready(function(){
    $("#table").find('tr').each(function(){
        var td = $(this).children('td').eq(1); //the selected td in every row 
            td.addClass('class you want to add');
    });
   });

将类赋予第一个td，但某些表行具有td rowspan

1 个答案: