Question

我有一个这样的清单：

<li class="nav" id="1"><a href="#detail">a</a></li>
<li class="nav" id="2"><a href="#detail">b</a></li>
<li class="nav" id="3"><a href="#detail">c</a></li>

现在我想使用jQuery来保存被点击的id（1,2或3）。怎么做？

Answer 1

尝试以下（jQuery 1.7及以上版本）

$('li.nav a').on('click', function (e) {
  e.preventDefault();
  var id = $(this).parent().attr('id');
  ...
});

小提琴：http://jsfiddle.net/VKpRY/

jQuery 1.6及更早版本

$('li.nav a').click(function (e) {
  e.preventDefault();
  var id = $(this).parent().attr('id');
  ...
});

Answer 2

$("a").on('click',function (ee) {
ee.preventDefault();
alert($(this).parents("li:first").attr("id"));

})

Answer 3

对于每个选定的jQuery对象，只需使用.attr('id');即可。示例如下：

$('li.nav').each(function () {
    var id = $(this).attr('id');
});

希望这有帮助，

皮特

如何获取所选<li>或<a> with jQuery?</a> </li>的ID

3 个答案: