在表之間傳輸變量

Question

在我的 html 中，我有多個表格，用於不同的估值。 這些估值的結果應該在另一個表中。 tables.taglist中的valuation_all文本應該轉移到另一個表中。 我真的迷路了。 Newby 與這個主題，所以我會感謝每一個幫助！

匯總結果表

<table id="results" class="summary">
  <th>Test</th>
  <th>result</th>
  <tr>
    <td>E-01</td>
    <td>text</td>
  </tr>
  <tr>
    <td>E-02</td>
    <td>text</td>
  </tr>
</table>

估價表

<p>
  <table id="results1" class="taglist">
    <th>Name</th>
    <th>result</th>
    <tr>
      <td class="valuation">FAIL</td>
      <td rowspan=2 class="valuation_all">FAIL</td>
    </tr>
    <tr>
      <td class="valuation">PASS</td>
    </tr>
  </table>
</p>

<p>
  <table id="results2" class="taglist">
    <th>Name</th>
    <th>result</th>
    <tr>
      <td class="valuation">x</td>
      <td class="valuation_all" rowspan=2>OPEN</td>
    </tr>
    <tr>
      <td class="valuation">x</td>
    </tr>
  </table>
</p>

Answer 1

假設您的結果列表表的排序方式與您在全局結果表中對行的排序方式相同，您可以對所有.valuation_all執行forEach ，然后在全局結果表上鏡像每個文本：

 const resTables = document.querySelectorAll('.valuation_all') const results = document.querySelectorAll('#results tr > td + td') resTables.forEach( function(el, i) { results[i].textContent = el.textContent })

 <table id="results" class="summary"> <tr> <th>Test</th><th>result</th> </tr> <tr> <td>E-01</td><td>text</td> </tr> <tr> <td>E-02</td><td>text</td> </tr> </table> <hr> <table id="results1" class="taglist"> <tr> <th>Name</th><th>result</th> </tr> <tr> <td class="valuation">FAIL</td><td rowspan="2" class="valuation_all">FAIL</td> </tr> <tr> <td class="valuation">PASS</td> </tr> </table> <table id="results2" class="taglist"> <tr> <th>Name</th><th>result</th> </tr> <tr> <td class="valuation">x</td><td class="valuation_all" rowspan="2">OPEN</td> </tr> <tr> <td class="valuation">x</td> </tr> </table>

請考慮使用數據屬性以獲得更好的匹配。 https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes