在另一个元素内获取锚点的“href”值答案

【问题标题】：Getting 'href' value of an anchor inside another element在另一个元素内获取锚点的“href”值
【发布时间】：2010-01-26 13:32:31
【问题描述】：

假设我有这个：

<ul id="menu">
<li><a href="someplace">some text</a><li>
...
</ul>

我想让每个li 都可以点击，所以我需要像这样提取href 的值：

$('#menu li').click(function() {
    var link_to = $(SELECTOR THAT I NEED).attr('href');
    window.location = link_to;
});

这个的正确代码是什么？有没有更好的办法？

【问题讨论】：

【解决方案1】：

$('#menu li').click(function() {
    var link_to = $(this).children("a").eq(0).attr('href');
    window.location = link_to;
});

【讨论】：

我个人更喜欢$(this).children("a:first").attr("href")
$('a:first', this) 将是避免通过$ 函数运行单击的li 的一种巧妙方法。以这种方式提供上下文与find 完全相同。我已经投票支持不要做你正在尝试做的事情，但我认为这篇文章及其 cmets 对于那些偶然发现这个问题的人来说是一个有效的文档，有自己的类似问题，但 Gaby 的回答不适用 =)

【解决方案2】：

既然你有一个链接，为什么不使用它呢？

如果您希望它占据整个 li 宽度，可以将其设置为 display:block 和 css ..

#menu li a{display:block;}

并避免将 jquery 用于内置功能..（如果我理解正确..）

【讨论】：