使用 jQuery 导航到特定元素答案

【问题标题】：Navigating to a specific element with jQuery使用 jQuery 导航到特定元素
【发布时间】：2010-03-01 02:20:52
【问题描述】：

我有一个表，试图弄清楚如何导航到 3.35 并添加列。有没有办法指定我想用 jQuery 导航到哪个 TD？

提前谢谢！

<table>
 <tbody>
   <tr>
    <td>
       <table>
          <tbody>
             <tr>
               <td><a href="">title</a></td>
               <td><a href="">rating</a></td>
               <td>language</td>
               <td>qty</td>
               <td>3.35</td>
               <td><a href="">add</a></td>
             </tr>
          </tbody>
      </table>       
   </td>
  </tr>
 </tbody>
</table>

【问题讨论】：

标签： jquery jquery-traversing

【解决方案1】：

试试:nth-child() 选择器：

$("tr > td:nth-child(5)")

【讨论】：

【解决方案2】：

挖掘：http://api.jquery.com/category/selectors/ 和 http://api.jquery.com/category/traversing/

有几种不同的方式可以到达那里。无论人们在这里提出什么建议，你都应该自己去寻找这样一个基本的东西的源头，这样你才能真正理解它的未来。

【讨论】：

非常感谢您，将检查并真正深入研究这两个领域以更好地了解基础知识。

【解决方案3】：

虽然您绝对可以使用nth-child selector 来选择适当的元素，但您最好实际指定一个指示列中数据类型的类。

原因是您示例中的数据具有明显的语义含义，最好在您的 html 结构中表示它。

然后，从那里，您将根据类进行选择，然后使用位置选择器来确定您正在处理的行。在这种情况下，最好有一个唯一的行 id 存储在 id 属性中，这使得选择更加容易，因为您可以在 jQuery 中使用 id 选择器。

这也会使您的 HTML 更具语义意义，因为您的行指示您的架构实例，这是您分配给表元素的类所暗示的。

【讨论】：