Переход к определенному элементу с помощью jQuery
-
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, поскольку ваши строки указывают на экземпляры вашей схемы, что подразумевается классами, которые вы назначаете элементам вашей таблицы.