在已知元素中获取元素

Question

我使用以下命令找到所选的jquery tab ui元素：

$("li.ui-tabs-selected").attr("id")

这可能会返回如下内容：

tab_48

在tab_48 html标记内，我有一个锚标记，所以也许

<a href="#ui-tabs-4">some content here</a>

总而言之，HTML可能看起来像这样：

<li id="tab_48">
    <a href="#ui-tabs-4">
        some content here
    </a>
</li>

如何获取锚标记的href，现在我可以通过以下方式获取所选标签的ID：

$("li.ui-tabs-selected").attr("id")

Answer 1

$("li.ui-tabs-selected a").attr("href")

或

$("li.ui-tabs-selected").find("a").attr("href")

Answer 2

在新浏览器上：

var href = document.querySelectorAll('li.ui-tabs-selected a').href;

如果您还需要所选的ID：

var li = document.querySelectorAll('li.ui-tabs-selected');
var id = li.id;
var href = li.querySelectorAll('a').href;