Выбор текста по ссылке с использованием метода parent-child

Question

У меня есть код как показано ниже:

<td class="class1" colspan="5">
<a class="class2" href="LINKLINK">TEXTDATA</a>
</td>

Я могу выбрать текст ссылки, взяв ('.class2').text().Но я хочу получить текст, используя метод детей.Как я могу получить то же самое, если у меня нет класса для ссылки (class2) и есть только class1.Я думаю, что решение будет что-то вроде ('.class1').children('a').text().

Как я могу это сделать?

Answer 1

$('.class1').children('a').text();

сделает эту работу.Помните, что $(.class1') будет соответствовать каждому элементу на странице, имеющей класс class1.Таким образом, вы получите текст для всех внутренних ссылок.

Вы также можете сделать:

$('.class1:first').children('a').text();
$('.class1').first().children('a').text();
$('.class1').find('a').text(); //checks all descendants
var context = $('.class1')[0];
$('a', context).text();

есть еще много способов ... Я рекомендую вам проверить селекторыи раздел прохождения в jQuery API документах .

Удачи!