JQuery селектор

Question

ниже приведен пример кода для списка навигации:

<div id="menu">
 <ul>
  <li><a href="#sect1">link 1</a></li>
  <li><a href="#sect2">link 2</a></li>
  <li><a href="#sect3">link 3</a></li>
 </ul>
</div>

and some jquery code:
$("#menu li").click(function () {
  var mylicontent=$(this).html();
});

Я хочу получить html-содержимое объекта li и значение href. Есть идеи?

Answer 1

Вы можете сделать как:

$("#menu li").click(function () {
  var mylicontent = $(this).html();
  var mylik = $(this).find('a').attr('href');
});

Или вы также можете сделать как:

$("#menu li").click(function () {
  var mylicontent = $(this).html();
  var mylik = $('a', this).attr('href');
});

Answer 2

Лучше, если вы приложите клик на a, а не на li.

Тогда вы бы сделали что-то вроде $(this).parent().html()