javascript - 使用jQuery在最后一列中添加文本

我想将文本追加到表的最后一列（网格状结构）中。像下面



当单击Add按钮时，我想在与Add按钮相邻的最后一列中添加一些文本。如上图所示，单击Add后我得到了拒绝的文本。

这是到目前为止我尝试过的（仅一步之遥）：

$(document).ready(function(){
$('.new').on('click', function(){
    var recId= $(this).parents("#myTable td:last-child");
     recId.append('<b>Sometext</b>');
     recId.css("background-color", "lightgreen");
   });
});

有人可以帮我改正吗，Sample JSFiddle

编辑有问题的清晰度

最后一栏中添加的Sometext是动态的，并且Add按钮上的click事件应触发多次。

最佳答案

尝试：

$(document).ready(function(){
    $('.new').on('click', function(){
        var recId= $(this).parents("#myTable td:last-child");
        recId.find('b').remove(); //remove text
        recId.append('<b>Sometext</b>');
        recId.css("background-color", "lightgreen");
    });
});

DEMO here.