如何使用 jQuery 查找上一个表格单元格？

Posted 2023-03-05

【中文标题】如何使用 jQuery 查找上一个表格单元格？

【英文标题】：How to find previous table cell using jQuery?

【发布时间】：2012-04-18 00:22:18

【问题描述】：

我有一个 4 col 表，n 行。

<table border="0">
<tr><td><p>Cell 1 text</p> </td><td>chkbox in cell2</td><td><p>Cell 3 text</p></td><td>chkbox in cell4</td>
</tr> 
</table>

我想在单击复选框时查找并更改上一个单元格的 CSS。因此，如果单击任何行中的复选框（单元格 2），我需要对该行（单元格 1）的内容进行操作，或者如果单击任何行（单元格 4），我需要对该行（单元格 3）进行操作。 我试过$(this).parents('td:first').find('p').text(); 但这会同时获得单元格 1 和单元格 3 我真的不想为所有单元格分配一个 id。请问有什么建议吗？

【参考方案1】：

要在标题中直接回答您的问题，您可以使用以下内容：

$('checkbox').change(function() 
   var prevCell = $(this).closest('td').prev();

   // do stuff with prevCell
)

至于你在描述中遇到的问题……实在看不懂，能不能发个更详细的描述？

【讨论】：

@user1295445 你可以通过接受我的回答来感谢我 :) meta.stackexchange.com/questions/5234/…