jquery remove 一个元素再append或prepend到其它的元素后，则其通过bind添加的事件则被删除

Posted 2022-12-12 yang_chuanlong

页面中有以下页面元素

<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事件不会再被触发