jquery在点击功能后获取LI的id/value

Question

<ul id='myid'>
  <li id='1'>First</li>
  <li id='2'>Second</li>
  <li id='3'>Third</li>
  <li id='4'>Fourth</li>
  <li id='5'>Fifth</li>
</ul>

如何提醒点击的li项目的ID(任何可以替换id的东西可能是值或其他东西也会起作用)
请
提前帮助感谢
Dave

Answer 1

$("#myid li").click(function() {
    alert(this.id); // id of clicked li by directly accessing DOMElement property
    alert($(this).attr('id')); // jQuery's .attr() method, same but more verbose
    alert($(this).html()); // gets innerHTML of clicked li
    alert($(this).text()); // gets text contents of clicked li
});

如果您正在谈论用以下内容替换ID:

$("#myid li").click(function() {
    this.id = 'newId';

    // longer method using .attr()
    $(this).attr('id', 'newId');
});

在这里演示.公平地说,您应该首先尝试阅读文档:

• http://api.jquery.com/category/selectors/
• http://api.jquery.com/category/events/
• http://api.jquery.com/attr/

Answer 2

如果你稍微改变你的html代码 - 删除id

<ul id='myid'>  
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
<li>Fifth</li>
</ul>

然后你想要的jquery代码是......

$("#myid li").click(function() {
    alert($(this).prevAll().length+1);
});?

您不需要放置任何ID,只需继续添加li项.

看看演示

有用的链接

• jQuery prevAll