為了檢查表格中的單元格是否包含 javascript 中的值,似乎我需要給每個 td 一個 id。我將有數千個單元格,因此無法用其 id 輸入每個 td。目前,所有 tds 的 trs 都是用 html 中的循環生成的,所以使用 javascript 我想添加一個變量并將其粘貼在每個 id 的末尾。我已經設法將一個 javascript 變量放入我的 html 循環中并且它正確計數,但我的問題是將它放入 id="___" 部分。如下面的代碼所示,我嘗試將 document.write(i) 行放入 id,但它似乎將其視為普通文本。我還將它放在 DataEntryStatus 的輸出中,只是為了證明它的計數正確,從 1 開始并隨著每一行的增加而增加。<table class="table" id="table_id"> <tr> <th style="color:#ddd">fffffffffffffff<br>f<br>f<br>f</th> <th style="vertical-align:bottom;">Data Entry Status</th> <th style="vertical-align:bottom;">Tool</th> </tr><tbody id="myTable"><script> var i = 1; </script>{% for item in items %} <tr> <td> <a href="{% url 'edit_newcuts' item.pk %}" class="btn btn-primary btn-sm" role="button">Edit</a> <a href="{% url 'delete_newcuts' item.pk %}" class="btn btn-danger btn-sm" role="button">! X !</a> </td> <td id="DataEntryStatus"><div>{{ item.DataEntryStatus }} <script>document.write(i)</script></div></td> <td id="Tool + <script>document.write(i)</script>"><div>{{ item.Tool }}</div></td> </tr><script> i = i + 1; </script>{% endfor %}</tbody>還有我的 javascript: $('#table_id tr').each(function(){ if($('#Tool' + 'i').text() =="")$('#DataEntryStatus' + 'i').text("Entry missing"); else if($('#CutRef' + 'i').text() =="")$('#DataEntryStatus' + 'i').text("Entry missing"); else($('#DataEntryStatus' + 'i').text("Complete")); if($(this).text().toLowerCase() =="entry missing")$("#DataEntryStatus").css('background-color','#fcc'); if($(this).text().toLowerCase() =="complete")$("#DataEntryStatus").css('background-color','#af0');});我想要像我的 id="Tool + document.write(i)" 行來制作像 Tool1、Tool2 之類的 ID,但現在它把 + document.write(i) 當作普通文本,我不知道如何讓它作為腳本工作。
如何在 html td id 中使用 javascript 變量
慕絲7291255
2021-06-28 08:31:18