<div id="content-container">
<ul>
<li id="link1"><a href="http://mysite/ClassifiedPrograms/Pages/Training1.aspx">Training1</a></li>
<li id="link2" ><a href="http://mysite/ClassifiedPrograms/Pages/Training2.aspx">Training2</a></li>
<li id="link3" ><a href="http://mysite/ClassifiedPrograms/Pages/Training3.aspx">Training3</a></li>
<li id="link4" ><a href="http://mysite/ClassifiedPrograms/Pages/Training4.aspx">Training4</a></li>
</ul>
</div>
リンクがクリックされたときに、そのリンクをクリックすると、親のli idが変更され、link1がクリックされた場合はclickedlink1になります。jqueryでそれを行うにはどうすればよいですか?