将<li>添加到<ul>并删除附加到<ul> </ul>的<li> </li> </ul> </li>

Question

    $(document).ready(function()
    {
       $(".males-input").on("click",function()
       {
            $(".rform .males-list").append('<li><img src="icon/delete.png" title="REMOVE" NAME class="delete-input"/><input type="text" /></li>');
       });
   });

这是我在添加<li>

时的疑问

我想要的是，如果我点击附加到<img>的{​​{1}}，它应该删除... 请帮忙......

Answer 1

您需要使用事件委派：

$('ul.males-list').on('click','.delete-input',function(){
  $(this).parent().remove();
});

Answer 2

使用此

$('ul .delete-input').click(function(){
  $(this).closest('li').remove();
});