为什么jQuery AJAX在第二行不起作用？

Question

我在桌子上工作，我的桌子上有很多专栏。事实上我想更新一个有textarea的专栏，当我点击"#btnnVerify"在第一行AJAX工作完美但当我点击"#btnnVerify"在第二行它没有我工作。我在jQuery代码中添加了警报功能，但它在第二行没有工作，但它完全适用于第一行我只是向你展示我的表的一些列，因为这些很重要。

<table>
    <td>

        <input type='checkbox' id="StockIDCheckBox" name='result' [email protected] />
<tr>    
    </td>
     <td>
         @Html.TextAreaFor(modelItem => item.Description, new { id = "description", @row = "50", @cols = "5", @class = "form-control" })

     </td>

    <td>
        <a class="btn btn-info btn-sm" data-toggle="modal" data-target="#verify" id="btnnVerify" onclick="SaveandVerify(@item.StockID)">
            <i class="glyphicon glyphicon-ok"></i>
        </a>
    </td>
    <td>
        <a class="btn btn-danger btn-sm" data-toggle="modal" data-target="#Reject" onclick="RejectGroup(@item.StockID)">
            <i class="glyphicon glyphicon-remove"></i>
        </a>
    </td>
</tr>
</table>

---

function SaveandVerify(id) {
        $.get("/Admin/VerifyStockBuy/SaveandVerify/" + id, function (result) {
            $("#verify #myModalLabel").html(" وضعیت درخواست این کالا در این کارگاه ");
            $("#verify #myModalBody").html(result);

        });



    }
    function RejectGroup(id) {
        $.get("/Admin/VerifyStockBuy/Reject/" + id, function (result) {
            $("#Reject #myModalLabel").html("رد درخواست");
            $("#Reject #myModalBody").html(result);

        });
    }
      $(document).ready(function () {
        $('#repAll').DataTable({
            "ordering": true,
            "language": {
                "search": "جستجو",
                "paginate": {
                    "previous": "قبلی",
                    "next": "بعدی"
                },
                "sLengthMenu": "نمایش  _MENU_  ردیف",
                "sInfo": "نمایش _START_ تا _END_ ردیف از _TOTAL_ ردیف",
                "sEmptyTable": "هیچ داده ای در دسترس نیست",
                "sInfoEmpty": "نمایش 0 ردیف  از 0 ردیف",
            },
            "columnDefs": [{ width: 1000, targets: 0 }],
        });

        $("#btnnVerify").click(function () {


            var Desc = $("#description").val();
            var stockId = $("#StockIDCheckBox").val();
            alert(Desc + ":" + stockId);
            $.ajax({

                url: '/VerifyStockBuy/EditDescription/',
                data: { id: stockId, Description: Desc },
                type: 'Post',
                dataType: "text",
                success: function (data) {
                }

            });


        });


    });

---

  [HttpPost]
    public ActionResult EditDescription(int id, string Description)
    {
        var desc = db.StockBuys.Find(id);
        desc.Description = Description;
        db.SaveChanges();
        return Content(Description);
    }

Answer 1

因为它们具有相同的ID，所以你应该根据类给出一个on click事件