有关jquery的标签选择问题。

Question

有一个数据集列表，step1
<li><a href="">value</a></li>
点a元素，选中状态下替换成span元素
<li><span class="selected">value</span></li>step2
再一次点另外li中的a元素時、前面选中状态的元素恢复成
<li><a href="">value</a></li>请问step2用jquery怎么写？

Answer 1

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<style>.selected{
color:red;
}</style>
<li><a href="#">value1</a></li>
<li><a href="#">value2</a></li>
<li><a href="#">value3</a></li>
<li><a href="#">value4</a></li>
<li><a href="#">value5</a></li>
<li><a href="#">value6</a></li><script>
    $("li a").live("click",function(){
$("li span").each(function(){
$(this).replaceWith('<a href="#">' + this.innerHTML + '</a>');
})
$(this).replaceWith('<span class="selected">' + this.innerHTML + '</span>');
})
</script>