0

我有一个表格,其中有可编辑的数据。每个“可编辑”部分涵盖两个表格行。

<table>
    <tr data-doc_id2='doc_id2'>
    </tr>
    <tr></tr>
    <tr data-doc_id2='doc_id2'>
    </tr>
    <tr></tr>
    <tr data-doc_id2='doc_id2'>
    </tr>
    <tr></tr>
    <tr data-doc_id2='doc_id2'>
    </tr>
    <tr></tr>
</table>

(请注意,我还没有放入<td></td>....)

到目前为止,我的 jQuery 如下。这将用相关 ID 替换第一行。我无法选择第二行...next()似乎正在寻找具有 ID 的下一行。

 var new_row="<tr data-doc_id2='"+doc_id+"'>
    <td>"+doc_name+"</td>
    <td>"+first_ins4+"</td>
    <td>"+job_price4+"</td>
    <td>"+tender4+"</td>
    <td><a class='edit_docs' href='javascript:void(0);'>Edit</a> | <a class='del_doc' href='javascript:void(0);'>Delete</a></td>
 </tr>";
    var new_row2="<tr><td colspan='4'>"+second_ins4+"</td><td></td></tr>";

    var row_to_change=$("tr:[data-doc_id2='"+doc_id+"']");
    $(row_to_change).replaceWith(new_row);
4

1 回答 1

2
 var row_to_change=$("tr:[data-doc_id2='"+doc_id+"']");
 $(row_to_change).closest('tr').next('tr').remove();
 $(row_to_change).replaceWith(new_row);

我没有使用 new_row 和 new_row2 ,而是将 HTML 放在 new_row 变量中,用两个新行替换其中一个行,然后使用标准选择器删除下一行。笨拙但有效。

于 2012-09-22T15:23:40.850 回答