Нажмите Событие на кнопку в списке не работает

Question

<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>

У меня есть следующий код:

<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>

При нажатии кнопки в последнем списке новый список не добавляется, и текст кнопки сохранения не изменяется как delete

Answer 1

Вы должны добавить вновь созданный li к ul, а не к родительскому элементу button, который li.

Измените свой код на

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