在我的 html 中,我有多個表格,用于不同的估值。這些估值的結果應該在另一個表中。valuation_all中的文本tables.taglist應該轉移到另一個表中。我真的迷路了。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>
uj5u.com熱心網友回復:
假設您的結果串列表的排序方式與您在全域結果表中對行的排序方式相同,您可以forEach對 all執行 a .valuation_all,然后在全域結果表上鏡像每個文本:
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
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/475651.html
標籤:javascript html jQuery
