具有相同类名或onclick事件的调用函数不起作用

Question

我正在创建chrome扩展，即在内容脚本中，我根据同一类使用jQuery调用了该函数。该函数只能调用该类的第一个元素，而另一个不能使用相同类名的元素。 然后下一次，我在锚标记上使用onclick事件也无法正常工作。 谢谢。

switch (params.case) {

  case 1:
    if ($('#subvalue_MOBILE').text() != '') {       

      var img = '<img id="textsms" class="textsms" style="display:block; cursor:pointer;" src="' + chrome.extension.getURL(params.icon) + '"/>'; 

      btn = '<a onclick="sendtext()" class="' + classes + '" ' + style + ' target="' + params.target + '">';

      btn += '<span class="' + params.icon + '">' + img + '</span>'

      btn += params.text;

      btn += '</a>'             
    }
  break;

  case 2:
  {
    Another Code.
  }
}

$(document).on("click", ".textsms", function() {
  var mod = smsmodal();
  $('body').append(mod); 
});

function sendtext()
{
  var mod = smsmodal();
  $('body').append(mod); 
}

我想使用类名或onclick事件来调用该函数。