使用jQuery导航到特定元素

时间:2010-02-28 18:12:53

标签: jquery jquery-traversing

我有一张桌子,试图弄清楚如何导航到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>

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

虽然你绝对可以使用nth-child selector来选择合适的元素,但最好还是指定一个表示列中数据类型的类。

这样做的原因是示例中的数据具有明显的语义含义,并且在您的html结构中表示它是个好主意。

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

这会影响您的HTML,从而产生更多的语义感,因为您的行表示您的架构实例,这是您分配给表格元素的类所隐含的。