jquery - 在克隆之后和使用 JQuery 追加之前替换表 TD 中的类

Question

我正在使用 jquery 从 SOURCE 表中克隆行并将其附加到 TARGET 表中。在克隆之后和追加之前，我想删除类“my_green”并将类“search_row”替换为另一个类“final_row”。

<tr>
    <td class='text-center' id='111'>
    <span class='my_green search_row'  aria-hidden='true' >
    </td>
    <td>KoaMsRohEdDfg2C</td>
    <td class='text-nowrap' >C-12-5-16</td>
    <td></td>
    <td>Silver</td>
</tr>


$('document').ready(function(){

 $('.source_table').on('click', function (e) {
    var row = $(this).closest('tr').clone();

    $(row).addClass("remove");
    // Here I want to remove "my_green" class from clone 
   // and also replace "search_row" class with another class "final_row".

    $('.target_table').append(row);

});

$(document).on("click", ".remove", function() {
    $(this).closest("tr").remove();
});

});    

Answer 1

您可以找到您的类(class)标识符，删除您的类(class)并在您的 2 个类(class)之间切换。请尝试:

row.addClass("remove").find(".search_row").removeClass("my_green").toggleClass("final_row search_row");