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

时间:2016-12-13 10:35:00

标签: jquery html

我正在使用jquery来克隆SOURCE表中的行&将其附加在TARGET表中。 克隆后&在APPEND之前我想删除课程" 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();
});

});    

1 个答案:

答案 0 :(得分:2)

您可以找到您的班级标识符,删除您的班级并在您的班级之间切换。请尝试:

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