📅  最后修改于: 2023-12-03 14:52:21.882000             🧑  作者: Mango
如果想要在 jQuery 中找到一个 3x3 表格中的第六个单元格,也就是第二行和第三列的单元格,可以使用以下代码:
var sixthCell = $('tr:eq(1) td:eq(2)');
此代码首先选择第二行(索引为1)的所有单元格,并从中选择第三列(索引为2)的单元格。因为 jQuery 的索引从0开始,而不是从1开始,所以第二行索引为1,第三列索引为2。
接下来,我们可以对这个单元格进行任何需要的操作,比如更改样式、给单元格添加文本等等。
判断是否选中正确的单元格,可以在 HTML 页面中添加以下代码来查看:
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
<script>
var sixthCell = $('tr:eq(1) td:eq(2)');
sixthCell.css('background-color', 'red');
</script>
这个代码会将选中的单元格的背景色改为红色,可以直观地看到是否选中了正确的单元格。
注:上述代码中的 eq()
选择器表示选择索引为指定数字的元素,具体可以参考 jQuery API 文档。