Javascript 在ajax成功后，在复选框的末尾添加一个按钮

我在jqGrid外有一个单独的按钮，当我点击这个按钮时，我需要在选中的复选框附近添加一个自定义按钮

到目前为止，我得到了复选框ID，但没有得到如何将图标添加到所选复选框

$('.lock').click(function() {
    //var grid_selector_second = "#grid-table";
    var grid = jQuery("#grid-table");
    var str = '';
    var i;
       var data = grid.getRowData();
       for(i=0;i<data.length;i++){
           //alert(data[i]);jqg_grid-table_8092415
           //jqg_grid-table_8089033

            if(data[i].checkbox==='Yes')
                str += data[i].id+',';
       }
       alert(str);

});

$（'.lock'）。单击（函数（）{
//var grid_选择器_second=“#grid table”；
var grid=jQuery（“网格表”）；
var-str=''；
var i；
var data=grid.getRowData（）；
对于（i=0；i，此jQuery选择器将在网格中的所有复选框之后添加一个图像：

$("#grid-table input[type=checkbox]:checked")
  .after($("<img src='tick.png'>"));

我已标记为正确，但我想做一些不同的事情，我再次发布新问题。实际上，我们使用ID检查，是否有必要添加.find（“input[type=checkbox]：checked”）。我不理解该部分。我可以使用addClass（）代替img src？不，您可以忽略最后一个代码段。只有在AJAX调用后需要再次检查复选框是否被选中时，才可以这样做。但这并不是真的必要。谢谢。我可以看到，您使用了img。是否可以使用addClass（）当然不是img src？如果你想将类添加到复选框输入中，那么就使用
.find（“input[type='checkbox']）.addClass（“my class”）
并删除
.after（…）
，但是如果你想将类添加到包含复选框的TD中，就要执行
查找（“input[type='checkbox']）.parent（）.addClass（“my class”）
$("#grid-table input[type=checkbox]:checked")
  .after($("<img src='tick.png'>"));

var result = [8089033, 8089034];    //will be set by ajax call

$.map(result, function (id) {
    $("#grid-table tr#" + id)
        .find("input[type=checkbox]")
        .after($("<img src='http://www.placehold.it/20x10/ff0000'>"));
    });
});

.find("input[type=checkbox]:checked")