获取一个元素的父 td，它位于某个类的 tr 正下方

Question

我在网页中有一个复杂的表格结构，如下所示。表的嵌套可能更深。

我试图找到一个 jQuery 选择器来找到最接近给定输入元素的 td，并添加了这个 td 的 tr 应该有一个类 'class1' 的约束。

问题：如何借助 jQuery 获取我在上一段中描述的单个 'td`？我尝试了一些代码，但没有成功。

例如，如果给定的输入元素是firstname，那么紧接在这个元素周围的td 就不是我要找的了，但是带有<!--this is the td I am trying to get--> 注释的td 是正确的td。

我尝试使用选择器来获取这个 td，但它返回 6 个 td DOM 元素，而我只期望一个。你可以在这个 url 看到这个代码：demo for this scenario

我尝试过的代码不起作用

$('#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>

Answer 1

要达到您的要求，您需要将closest() 与直接子选择器> 一起使用，以获取父td。试试这个：

var $td = $('#firstname').closest('.class1 > td');

Example fiddle