点击时Jquery添加和删除属性

Question

希望我列出的项目在点击时添加ID，我该怎么做？或者我做错了什么？

$('.ex-menuLi #tt').attr('id', 'test');
$('.ex-menuLi').on('click', function(){
    $(this).attr('id', 'test').siblings().removeAttr('id', 'test');
});

<nav id="extraMenu">
    <!--<ul id="ex-menuUl"> -->
    <li class="ex-menuLi" id="ex-menuLiId"><a href="#" class="test1" id="tt">Test</a></li>
    <li class="ex-menuLi" id="ex-menuLiId"><a href="#" class="test1">Test2</a></li>
    <li class="ex-menuLi" id="ex-menuLiId"><a href="#" class="test1">Test3</a></li>
<!--</ul>-->
</nav> 

#test{
    text-decoration:underline;
}

Answer 1

//您可以执行以下操作来设置uniqueid

$('.ex-menuLi').each(function(index){
   $(this).attr('id', index)
 });