如何使用jQuery在列表项上添加类？

Question

我有一个列表项目

<ul>
    <li><img id="1" src="" /></li>
    <li><img id="2" src="" /></li>
    <li><img id="3" src="" /></li>
</ul>

<input type="button" >

我想点击任何列表来添加类并使用jQuery从其他列表中删除.基本上只能在当时选择一个项目.

并在按钮上单击以显示所选列表项的ID

Answer 1

这将做你想要的,并获得img所选标签内的IDli

$('ul > li').click(function() { 
  $('ul > li').removeClass('active'); 
  $(this).addClass('active'); 
});

$('input:button').click(function() {
  alert($('li.active img')).attr('id')); 
});