假设我们正在制作一个待办事项列表,我如何在单击最后一个列表项时附加一个新列表项。在下面的示例代码中,第四个列表项保留了点击事件,但我希望它每次都在最后一个列表项上。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js" type="text/javascript"></script>
<ul id="foo">
<li><input placeholder="One"></input></li>
<li><input placeholder="Two"></input></li>
<li><input placeholder="Three"></input></li>
<li><input placeholder="Click Me Add More"></input></li>
</ul>
<script>
$('#foo li:last-child').bind( "click", function(){
var li = $(this).clone();
$('#foo').append(li);
})
</script>