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

Question

假设我有这个：

<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;
});

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

Answer 1

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

Answer 2

既然那里有链接，为什么不使用它呢？

如果希望它占用整个li宽度，则可以将其设置为display:block with css 。

#menu li a{display:block;}

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