如何实现table遍历的删除按钮，触发按钮，实现获取当前行的id

   <table  id="cslbtable"class="cslbt" style="width: 80%;height: 80%;margin-top: 2%">

                   </table>

        </div>
    </div>
    </div>
</form>

</body>
<script src="../jquery-3.4.1/jquery-3.4.1.min.js"></script>
<SCRIPT>
    $(function() {
        $.ajax({
            url: "/zd/csleibie",
            method: "POST",
            dataType: "json",
            success: function (data){
                //判断打印一下是否得到了返回值
                //如果后台有多条数据，使用each循环接收
                var xuhao=0;
                $("#cslbtable").html("");
                $.each(data, function (i,n){
                    xuhao++;
                    $("#cslbtable").append("<tr><td style='height: 20%; width: 20%;padding-left: 15%;'>"+xuhao+"</td>" +
                        "<td style='width: 40%;border: 1px solid black;'>"+n.state_name+"</td>" +
                        "<td style='width: 100%'><button  type=\"submit\" style=\"width: 40%;margin-left: 20px;font-weight: bold;color: black\" class=\"layui-btn layui-btn-warm layui-btn-radius\"\n" +
                        "lay-filter=\"add\"><p style='margin-bottom: 30%'>删除</p></button></td>" +
                        "<td style='display: none'>"+n.zc_state_id+"</td></tr>");

                });
            }
        });
    });

把id渲染到button,如：

$('#cslbtable button').click(function(){
  $(this).attr("id")
})