我在网页中有一个复杂的表格结构，如下所示。表格可能有更深层的嵌套。
我试图找到一个jQuery选择器，以找到最接近给定输入元素的td，并增加了此td的tr应该具有“ class1”类的约束。
问题：如何在jQuery的帮助下掌握上一段中描述的'td'？我尝试了一些代码，但未成功。
例如，如果给定的输入元素是，firstname那么td紧邻该元素的位置将不是我要查找的元素，而是带有注释的td<!--this is the td I am trying to get-->是正确的td。
我曾尝试跟随选择器来获得此td，但返回6个td DOM元素，而我只期望一个。您可以在以下URL上看到此代码的实际操作：此场景的演示
我尝试过的代码，但是无效
$('#firstName').parents("tr.class1").find("td");
嵌套表格HTML
<table>
<tr class='class1'>
<td>
<!--some content here-->
</td>
<td><!--this is the td I am trying to get-->
<table>
<tr>
<td>
First Name
</td>
<td>
<input type='text' id='firstname'>
</td>
</tr>
<tr>
<td>
Last Name
</td>
<td>
<input type='text' id='lastname'>
</td>
</tr>
</table>
</td>
</tr>
</table>
要实现您的要求，您需要使用closest()直接子选择器>来获取父项td。试试这个：
var $td = $('#firstname').closest('.class1 > td');
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句