更改jQuery中所有类的名称

Question

我在jQuery中克隆了一个很大的表，并希望为这个表的所有类名添加一个结尾。试图理解如何实现这一点。

类更改前的示例表：

<table>
 <tr class="row1 class1"><td>row 1</td></tr>
 <tr class="row2 class2"><td>row 2</td></tr>
 <tr class="row3 class3"><td>row 3</td></tr>
 <tr class="row4 class4"><td>row 4</td></tr>
 <tr class="row5 class5"><td>row 5</td></tr>
</table>

换类后：

<table>
 <tr class="row1_add class1_add"><td>row 1</td></tr>
 <tr class="row2_add class2_add"><td>row 2</td></tr>
 <tr class="row3_add class3_add"><td>row 3</td></tr>
 <tr class="row4_add class4_add"><td>row 4</td></tr>
 <tr class="row5_add class5_add"><td>row 5</td></tr>
</table>

Answer 1

试着那样做

$( "table tr" ).each(function() {
  const tr = $(this);
  const new_classes = tr.attr('class').split(' ').map((i) => i + '_add');
  tr.attr("class", new_classes.join(' '));
});