0

編集可能なデータがあるテーブルがあります。各「編集可能」セクションは、2つのテーブル行をカバーします。

<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に置き換えられます。2番目の行を選択できません... 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変数に貼り付けて、1つの行を2つの新しい行に置き換え、標準のセレクターを使用して次の行を削除しました。不器用ですが動作します。

于 2012-09-22T15:23:40.850 に答える