javascript - jquery选择器: get both html content of the li object and the href value

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

我想获取 li 对象的 html 内容和 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');
});