Question

我正在使用jquery数据表。每行都有一个按钮。现在，当我点击该行的那个按钮时，我想让每个单元格都可以编辑一行。

Answer 1

请查看以下示例代码。

<html>
<head>
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
    $('#requestTable tr').hover(function () {
        $(this).addClass('hover');
    }, function () {
        $(this).removeClass('hover');
    });

    $(document).ready(function () {
        $("#requestTable tr td").click(function () {
            alert("Make This td editable :" + jQuery(this).closest('tr').find('.txt').text());

        });
    });
</script>
 </head>
<body>
<form>
    <div>
        <table class="table" id="requestTable">
            <thead class="text-primary">
                <th>Column</th>
                <th>Button</th>

            </thead>
            <tbody>
                <tr class="row">
                    <td class="txt">@item.interfacename</td>
                    <td>Button 1</td>
                </tr>
                  <tr class="row">

                    <td class="txt">@item.interfacename 1</td>
                      <td>Button 2</td>
                </tr>
                  <tr class="row">

                    <td class="txt">@item.interfacename 2</td>
                      <td>Button 3</td>
                </tr>
            </tbody>
        </table>
    </div>
</form>
</body>
<html>

在上面的示例代码中，我显示了td的警报，该警告位于单击按钮的行中。因此，您可以根据需要自定义此代码。

希望它会对你有所帮助。

如何在jquery数据表中单击按钮使每个单元格可编辑

1 个答案: