Получение значения '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

Поскольку у вас есть ссылка, почему бы не использовать ее?

Вы можете установить его на display:block с css, если хотите, чтобы он занимал всю li ширину.

#menu li a{display:block;}

и избегайте использования jquery для встроенной функциональности .. ( если я правильно понимаю .. )