jQuery - лучший способ определить дочерний элемент внутри элемента списка

Question

Из следующего HTML-кода мне нужно выяснить, какой тег List имеет активный класс, и далее для активного списка мне нужно найти соответствующее значение

    <li class="active">
    <a href="value1" class="Tab1">Services</a>
    </li>
    <li><a href="value2" class="Tab2">Create Account</a>
    </li>
    <li><a href="value3" class="Tab3">Modify Account</a>
    </li>

Каков наилучший способ сделать это?

Answer 1

$('li.active a').attr('href') вернет 'значение1'

Answer 2

$("li.active a").text()

извлечет innerHTML

$("li.active a").attr("href")

найдет путь

и

$("li.active a").attr("class")

получит класс.

РЕДАКТИРОВАТЬ: Обновлены селекторы, чтобы выбрать ссылку, а не элемент списка.

Answer 3

Я думаю, что это то, что вы хотите, если вы хотите увидеть «Услуги»:

$("li.active a").text();