Javascript jQuery：选择ajax成功时的动态元素

我试图在ajaxsuccess上选择动态创建的元素，我在一个表中有许多复选框&在ajaxsuccess上，我用新内容替换表，这不允许我选择任何新复选框。 我知道我们可以使用jQuery函数来触发对动态元素的点击，但在我的例子中，我不需要任何点击事件，只需要选择该元素并更改其上的文本

这是我的密码

$('#apply').click(function()
    {
      $('#loading-overlay-please-wait').show();
      var checkIds = $('#gridviewId').yiiGridView('getSelectedRows');
      var uncheckIds   = $( 'input[type="checkbox"]:not(:checked):not(:first)' ).map(function() { return this.value; }).get();
      $.ajax(
      {
        'data':{checkedIds:checkIds,uncheckedIds:uncheckIds},
        'method':'POST',
        'url':'approve',
        'dataType':'json',
        'success':function(data)
        {

            if(data.status == 1)
            {
                $('#catalogResults').html(data.content);
                $( 'input[type="checkbox"]:not(:checked):not(:first)' ).next('span').text(' Need Approval'); //This is not working on dynamic content
                $('input:checkbox:checked').next('span').text('Approved'); //This is not working on dynamic content

            }
             $('#loading-overlay-please-wait').hide();
             $('body').scrollTop(0);
        }

      })

    });

$'input:checkbox:checked'此选择器应引发错误。请检查它，代码段的JSFIDLE链接将有助于进一步调试