element表格中相同id合并操作行

要合并表格中相同id的操作行，您可以使用JavaScript或jQuery代码。以下是一个示例jQuery代码：

HTML代码：

<table>
    <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>Edit</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Jane</td>
            <td>Delete</td>
        </tr>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>Delete</td>
        </tr>
    </tbody>
</table>

jQuery代码：

$(document).ready(function () {
    var ids = [];
    $('table tbody tr').each(function () {
        var id = $(this).find('td:first').text();
        if ($.inArray(id, ids) == -1) {
            ids.push(id);
        }
    });
    $.each(ids, function (index, value) {
        var rows = $('table tbody').find('tr');
        var firstRow;
        rows.each(function () {
            if ($(this).find('td:first').text() == value) {
                if (!firstRow) {
                    firstRow = $(this);
                } else {
                    $(this).find('td:first').remove();
                    $(this).find('td:first').attr('rowspan', firstRow.find('td:first').attr('rowspan') ? parseInt(firstRow.find('td:first').attr('rowspan')) + 1 : 2);
                    $(this).remove();
                    firstRow.find('td:last').attr('rowspan', firstRow.find('td:last').attr('rowspan') ? parseInt(firstRow.find('td:last').attr('rowspan')) + 1 : 2);
                }
            }
        });
    });
});

此代码将遍历表格中的所有行，并查找具有相同id的行。然后，它将删除其他行，并将第一行的单元格合并为一个单元格。该代码还会将最后一个单元格合并为一个单元格，因此该行的操作仅出现一次。