Перемещение по определенному элементу с помощью jQuery

Question

У меня есть таблица, пытаясь понять, как перейти к 3.35 и добавить столбцы. Есть ли способ указать, с каким TD я хочу перейти с помощью jQuery?

Спасибо заранее!

<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> 

Answer 1

Попробуйте :nth-child() селектор:

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

Answer 2

Dig в: http://api.jquery.com/category/selectors/ и http://api.jquery.com/category/traversing/

Есть несколько способов, чтобы попасть туда. Независимо от того, что люди будут предлагать здесь, вы обязаны сделать это ради себя, чтобы пойти к источнику по такой простой вещи, чтобы вы действительно понимали это на будущее.

Answer 3

Хотя вы можете определенно использовать nth-child selector, чтобы выбрать соответствующий элемент, вам лучше было бы определить класс, который указывает тип данных в столбце.

Причина этого в том, что данные в вашем примере имеют очевидное смысловое значение, и это хорошая идея представить это в вашей структуре html.

Затем оттуда вы выбираете на основе класса, а затем используйте позиционный селектор, чтобы определить строку, над которой работаете. В этом случае было бы неплохо иметь уникальный идентификатор строки, который хранится в атрибуте id, что делает выбор еще проще, поскольку вы можете использовать селектор id в jQuery.

Это играет в ваш HTML-код, создавая более смысловой смысл, поскольку ваши строки являются показательными для экземпляров вашей схемы, что подразумевается классами, которые вы назначаете элементам вашей таблицы.