如何向动态生成的JQuery表单元格文本添加RadToolTip

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.telerik.com/aspnet-ajax/toolkit/latest/ToolTip/RadToolTip.min.js"></script>
<link href="https://cdn.telerik.com/aspnet-ajax/toolkit/latest/ToolTip/RadToolTip.min.css" rel="stylesheet" />

<td><span class="tooltip-text">文本内容</span></td>

$(document).ready(function() {
  $('.tooltip-text').each(function() {
    var text = $(this).text();
    $(this).attr('title', text); // 设置文本内容为tooltip的title属性
    $(this).removeAttr('class'); // 移除自定义的class，避免样式冲突
    $(this).removeAttr('id'); // 移除自定义的id，避免冲突
    $(this).radtooltip(); // 初始化RadToolTip
  });
});

$(this).radtooltip({
  position: 'top', // 设置tooltip的位置
  showevent: 'mouseover', // 设置触发显示tooltip的事件
  hideevent: 'mouseout', // 设置触发隐藏tooltip的事件
  width: 200, // 设置tooltip的宽度
  height: 100, // 设置tooltip的高度
  animation: 'fade', // 设置tooltip的显示/隐藏动画效果
  contentScrolling: 'auto', // 设置tooltip内容的滚动方式
  // 其他属性设置...
});