我一直在努力解決這個(gè)問(wèn)題。我有一個(gè)基于一些 JSON 數(shù)據(jù)自動(dòng)生成的表，這些數(shù)據(jù)可能會(huì)有所不同。我想合并第一列中具有相同值的相鄰單元格，例如此表中的“魚(yú)”和“鳥(niǎo)”：<table>  <tr>    <td>fish</td>    <td>salmon</td>  </tr>  <tr>    <td>fish</td>    <td>cod</td>  </tr>  <tr>    <td>fish</td>    <td>plaice</td>  </tr>  <tr>    <td>bird</td>    <td>robin</td>  </tr>  <tr>    <td>bird</td>    <td>crow</td>  </tr></table>理想情況下，我不想使用任何庫(kù)，只想使用純 JS。這就是我希望它的樣子：table, tr, td {  border: solid 1px black;}<table>  <tr>    <td rowspan="3">fish</td>    <td>salmon</td>  </tr>  <tr>    <td>cod</td>  </tr>  <tr>    <td>plaice</td>  </tr>  <tr>    <td rowspan="2">bird</td>    <td>robin</td>  </tr>  <tr>    <td>crow</td>  </tr></table>我一直在尋找不同的方法來(lái)識(shí)別不同的值及其頻率，然后將行跨度更改為正確的數(shù)字，然后刪除其他單元格，但這些都在不同的用例中崩潰了。這是我到目前為止：let table = document.querySelector('table');let rowCount = 1;for (let i = 0; i < (table.rows.length - 1); i++) {  if (table.rows[i].cells[0].innerHTML === table.rows[i + 1].cells[0].innerHTML) {    rowCount++;  } else if (rowCount !== 1) {    table.rows[i].cells[0].setAttribute('rowspan', rowCount);    for (let j = (i - rowCount + 1); j < rowCount; j++) {      table.rows[j].cells[0].remove();    };    rowCount = 1;  };};table, tr, td {  border: solid 1px black;}<table>  <tr>    <td>fish</td>    <td>salmon</td>  </tr>  <tr>    <td>fish</td>    <td>cod</td>  </tr>  <tr>    <td>fish</td>    <td>plaice</td>  </tr>  <tr>    <td>bird</td>    <td>robin</td>  </tr>  <tr>    <td>bird</td>    <td>crow</td>  </tr></table>這根本不是我想要的，但我覺(jué)得我真的很接近！它試圖計(jì)算下面具有相同值的（第一列）單元格的數(shù)量，將此數(shù)字分配給最后一個(gè)相關(guān)單元格的行跨度，然后在循環(huán)返回以捕獲其余單元格之前刪除后續(xù)單元格。我希望我的最終代碼是這個(gè)的變體，所以有人可以告訴我我哪里出錯(cuò)了嗎？非常感謝！