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

StackOverflow https://stackoverflow.com/questions/2352024

  •  23-09-2019
  •  | 
  •  

Вопрос

У меня есть таблица, я пытаюсь понять, как перейти к версии 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>
Это было полезно?

Решение

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

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

Другие советы

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

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

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top