页面中有以下页面元素
<ul id="firstul">
<li id="one">first</li><li id="two">second </li>
<li id="three">third</li>
</ul>
给每个li添加click事件
$('#firstul li').bind('click', function(){
alert($(this).attr('id'))
})
现在依次单击每个li元素,会依次输出one, two, three
如果现在要把 <li id="three">third</li>移动到 <li id="one">first</li>前面
使用以下方法实现:
$('#three').remove().prepend('#fistul')
操作后则当单击 <li id="three">third</li>后, 该元素的click事件不会再被触发