,可以通过以下步骤实现:
<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
<table>
<tr id="row1">
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<tr id="row2">
<td>数据4</td>
<td>数据5</td>
<td>数据6</td>
</tr>
</table>
$("#row1 td:nth-child(2)").text("修改后的数据");
这里使用了JQuery的选择器$("#row1 td:nth-child(2)")来选中row1的第二列(索引从1开始),然后使用text()方法修改其内容。
完整的示例代码如下:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<table>
<tr id="row1">
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<tr id="row2">
<td>数据4</td>
<td>数据5</td>
<td>数据6</td>
</tr>
</table>
<script>
$("#row1 td:nth-child(2)").text("修改后的数据");
</script>
</body>
</html>
这样,就可以使用JQuery根据行ID修改列的内容了。
领取专属 10元无门槛券
手把手带您无忧上云