我正在嘗試更改函數中的一些表格單元格，我已將其簡化為這個簡短的片段，以幫助我了解出了什么問題。我基本上需要在已識別的<tr>表行上使用列索引并更改該單元格中顯示的值。我已經嘗試過，通過查看訪問表行的各種代碼，tr.col[1].innerHTML = "NEW NAME";tr.cell[1].innerHTML = "NEW NAME";另外，我目前正在使用 jQuery，因為這是 ajax 調用的一部分，但這可能會使事情變得復雜。我是 JS 和 jQuery 的新手，不知道哪些部分是哪些（我知道var tr = $('#tbl_id_4')沒有 jQuery 就無法工作function ChangeName(){ alert('Clicked'); var tr = $('#tbl_id_4'); tr[1].innerHTML = "NEW NAME";}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><table id="JrmTable"> <thead> <tr> <th>Id</th> <th>Name</th> </tr> </thead> <tbody> <tr id="tbl_id_1"> <td>1</td> <td>Peter</td> </tr> <tr id="tbl_id_4"> <td>4</td> <td>Paul</td> </tr> </tbody></table><input type="button" onclick="ChangeName()" value="Click Me" />
1 回答
慕姐8265434
TA貢獻1813條經驗 獲得超2個贊
您正在元素上使用索引訪問器#tbl_id_4。因此，您正在尋找帶有 that 的第二個元素id，它顯然不存在，也不可能存在。
要解決此問題，您需要children()查看tr. 另請注意此示例中使用了不顯眼的事件處理程序。內聯事件屬性不再是良好實踐，應盡可能避免。
document.querySelector('.button').addEventListener('click', function() {
var tr = $('#tbl_id_4');
tr.children()[1].innerHTML = "NEW NAME";
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="JrmTable">
<thead>
<tr>
<th>Id</th>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr id="tbl_id_1">
<td>1</td>
<td>Peter</td>
</tr>
<tr id="tbl_id_4">
<td>4</td>
<td>Paul</td>
</tr>
</tbody>
</table>
<input type="button" class="button" value="Click Me" />
還值得注意的是，由于您已經在使用 jQuery，因此您可以這樣做：
$('.button').on('click', function() {
$('#tbl_id_4 td:eq(1)').text("NEW NAME");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="JrmTable">
<thead>
<tr>
<th>Id</th>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr id="tbl_id_1">
<td>1</td>
<td>Peter</td>
</tr>
<tr id="tbl_id_4">
<td>4</td>
<td>Paul</td>
</tr>
</tbody>
</table>
<input type="button" class="button" value="Click Me" />
- 1 回答
- 0 關注
- 163 瀏覽
添加回答
舉報
0/150
提交
取消