Переход к определенному элементу с помощью 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

Копать в: http://api.jquery.com/category/selectors/ и http://api.jquery.com/category/traversing/

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

Answer 2

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

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

Answer 3

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

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

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

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