AJAX/JQUERY 显示和隐藏按钮

Question

这是我之前的帖子，感谢 @Satpal 先生，我终于让按钮正常工作了。但现在我有另一个错误。

这就是我的网站将实现的目标： 每次我单击某一行（“.emp_delete”）时，.deleteBtn 都会显示并在单击另一行时隐藏。

搜索后按钮不显示。有人可以帮助我吗？

$(document).ready(function(){

        $('#employee_list').delegate( ".emp_delete", 'click', function() {
              var ID=$(this).attr('id'); 
              $("#delete_"+ID).show();
        });

        $('#employee_list').delegate(".deleteBtn", 'click', function(){

            var ID=$(".emp_delete").attr('id');

            if (confirm("Are you sure you want to delete?")) {
            var dataString = 'emp_id='+ID;

            $.ajax({
                type: "POST",
                url: "<?php echo site_url('c_employee/delete_employee'); ?>",
                data: dataString,
                cache: false,
                success: function(html){
                    location.reload();
                }
            });
        }
        else
            return false;

        });

        $("#searchText").keypress(function(){   //change to keypress
            var search = $("#searchText").val();
            var dataString = 'search='+search;


            $.ajax({
                url: "<?php echo site_url('c_employee/get_search'); ?>",
                type: 'POST',
                dataType: 'json', 
                data: dataString,
                cache: false,
                success: function(data){
                        console.log(data);
                        $("#employee_list").empty();

                        $.each(data, function(index, val) {

                            $("#employee_list").append('<tr class="emp_delete" id="'+val.emp_id+'"><td>'+val.emp_id+'</td><td>'+val.last_name+'</td><td>'+val.first_name+
                                '</td><td>'+val.middle_in+'</td>'+
                                '<td><input type="button" value="Resigned Employee" class="deleteBtn" id="delete_"'+val.emp_id+'"></td></tr>');
                        });

                    }
                 });

             });

    });

    $(document).mouseup(function(){
        $(".deleteBtn").hide();

    });

Answer 1

这是使用 on() 的另一种方法。

$("#employee_list").on("click", "tr.emp_delete", function(){
    $(".deleteBtn").hide();
    $(this).find(".deleteBtn").show();
});