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