Question

我有一个表格，其中我已经绑定了来自Form的值。在该表单中，我有一个主键字段作为TicketId，我保存在表单中，并将其插入表格中，我是显示它。为绑定我使用Knockout的数据。所以我想删除我将选择的行。所以在选择它时我应该获取该行的id，以便我可以使用ajax.But将其传递给Delete操作我的问题是我没有得到那个id.So怎么做？我的代码：

<table id="table2" style="border: double">
                            <thead>
                                <tr>
                                    <td>Ticket ID</td>
                                    <td>Ticket Type</td>
                                    <td>No of Tickets</td>
                                    <td>Ticket Price</td>
                                    <td>Start Date</td>
                                    <td>End Date</td>
                                    <td>Action</td>
                                </tr>
                            </thead>
                            <!--Iterate through an observableArray using foreach-->
                            <tbody id="ticketid" data-bind="foreach:TicketDatas">
                                <tr  style="border: solid" data-bind="click: $root.getselectedTicket" id="updtr">
                                    <td id="rowid" data-bind="text:TicketId">@*<span data-bind="text:No_Of_Ticket"></span>*@</td>
                                    <td data-bind="text:SelectedTicketType">@*<span data-bind="text:No_Of_Ticket"></span>*@</td>
                                    <td data-bind="text:No_Of_Ticket">@*<span data-bind="text:No_Of_Ticket"></span>*@</td>
                                    <td data-bind="text:Ticket_Price">@*<span data-bind="text:Ticket_Price"></span>*@</td>
                                    <td data-bind="text:Start_Date">@*<span data-bind="text:Start_Date"></span>*@</td>
                                    <td data-bind="text:End_Date">@*<span data-bind="text:End_Date"></span>*@</td>
                                    <td>
                                        <button data-bind="click: $root.deleterec">Delete</button></td>
                                </tr>
                            </tbody>
                        </table>
<script type="text/javasript">
 self.deleterec = function () {
                if (confirm('Are you sure to Delete this ticket ??')) {
                    var tickid = $("#table2 tr:eq(0)").attr("id");
                    $.ajax({
                        type: "POST",
                        data: { id: tickid },
                        url: "Ticket/DeleteTicket",
                        //data: "{id:" + ko.toJSON(id) + "}",
                        success: function (data) {
                            self.TicketDatas.remove(data);
                            alert("Record Deleted Successfully");
                            //GetTickets();//Refresh the Table
                        },
                        error: function (error) {
                            alert(error.status + "<--and--> " + error.statusText);
                        }
                    });

                }
            };
</script>

所以如果我简单地问一下，只需要这个陈述的解决方案

var tickid = $("#table2 tr:eq(0)").attr("id");

Answer 1

var tickid = $("#table2 tr:eq(0)").html();

OR

var tickid = $("#table2 tr:eq(0)").val();

Answer 2

我不确定你的其余代码是如何进行的，但是当你有一个对删除链接的DOM节点的引用时，这里是jQuery部分。

我将大多数部分分配给变量名称，以便在此处更具描述性，但您可以使其更加简洁，供您使用。

$('#table2 .delete-link').click(function() {
  var deleteLink = $(this);
  var tableRow = deleteLink.closest('tr');
  var firstCell = tableRow.find('td:first-child');
  var ticketId = firstCell.attr('id');

  // ... Do what you need to do with the ticket ID.

  return false;
});

其他参考文献：

如何使用JQuery获取表的第一个td的值？

2 个答案: