Получить второго ребенка с помощью jQuery



3 Answers

Вот решение, которое, возможно, яснее читать в коде:

Чтобы получить второго ребенка неупорядоченного списка:

   $('ul:first-child').next()

И более подробный пример: этот код получает текст атрибута «title» второго дочернего элемента UL, идентифицированного как «my_list»:

   $('ul#my_list:first-child').next().attr("title")

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

Примечание по производительности и памяти , эти два примера - хорошие исполнители, потому что они не делают jquery, сохраняя список элементов ul , которые впоследствии нужно было отфильтровать.

Question
$(t).html()

возвращается

<td>test1</td><td>test2</td>

Я хочу получить второй td из объекта $(t) . Я искал решение, но ничего не работало для меня. Любая идея, как получить второй элемент?




Я не видел, чтобы это упоминалось здесь, но вы также можете использовать селектор спецификаций CSS. См. Документы

$('#parentContainer td:nth-child(2)')



В дополнение к использованию методов jQuery вы можете использовать коллекцию собственных cells которую предоставляет <tr> .

$(t)[0].cells[1].innerHTML

Предполагая, что t является элементом DOM, вы можете обойти создание объекта jQuery.

t.cells[1].innerHTML



Использовать .find()

$(t).find("td:eq(1)");

td:eq(x) // x is index of child you want to retrieve. eq(1) means equal to 1. //1 denote second element




Related