Jquery ui 单击列表中按钮上的事件不工作

我的代码如下：

<ul id="mylist">
<li id="1">1<button id="Button3">Delete</button> </li>    
<li id="2">2<button id="Button2">Delete</button></li>
<li id="3">3<button id="another_entry">Save</button></li> 
</ul>

---

单击最后一个列表上的按钮时，不会添加新列表，也不会将“保存”按钮上的文本更改为“删除”

您必须将新创建的li附加到ul，而不是附加到按钮的父级li

将代码更改为

<script type="text/javascript">
             $(document).ready(function() {
             $("#mylist :button").live('click', function() {

                     var text = $(this).text();
                     if (text == "Delete") {
                         $(this).parent().remove();
                     }
                     else {
                         $(this).text("Delete");
                     }
                 });

                 $("#mylist li:last-child button").live('click', function() {
                 $(this).parent().append('<li>' + '<input type = "textbox">' + '<input type = "button" value= "Save">' + '</li>');

                 });
             });
                </script>

$(this).closest("#mylist").append('<li><input type = "textbox" /><button>Save</button></li>');