Предположим, если у меня есть несколько таблиц на моей HTML-странице (без их атрибута id), так как я могу выбрать первую строку первой таблицы или любой конкретной таблицы с помощью селекторов jQuery?
Как выбрать первую строку первой таблицы на странице html с помощью jQuery?
Ответ 1
$("table:first > tr:first")
или
$("table:first").find("tr:first")
или
$("table:first").children("tr:first")
или
$("table").eq(0).children("tr").eq(0)
Итак, если я понимаю следующий вопрос...
$("table:eq(1) tr:has(table:eq(2))")
переводит: получает любой tr во 2-й таблице, если tr имеет третью таблицу
или
$("table").eq(1).children("tr:has(table:eq(2))")
Ответ 2
Что-то, что вы можете использовать для выбора n-й строки в n-й таблице:
$("table:eq(n) tr:eq(n)")
где n - индекс на основе нуля таблицы или tr.
Пример:
$("table:eq(2) tr:eq(4)")
получает пятую строку третьей таблицы.
Ответ 3
@svinto ответ, безусловно, самый короткий, быстрый и простой способ выполнить это. Если вы действительно заинтересованы в производительности (например, выбирая внутри произвольного комплекса для цикла), это может показаться чуть более быстрым:
$('tr').eq(0)
Если вам не нужно использовать только селектора jQuery и на самом деле требуется элемент DOM <TR>
, вы можете использовать:
$('table')[0].rows[0]
В качестве альтернативы:
$('tr')[0]
Ответ 4
Используя метод jQuery eq()
, вы можете указать индекс элемента, который хотите получить.
Это выберет первую строку второй таблицы, найденную в DOM
$('table:eq(1) tr:first')
Ответ 5
Хотя это не специфичный jQuery, я был введен в селектор dom на этой странице w3c селекторов. Он очень подробный, но полный сложных примеров.
Ответ 6
$("tr:first");