数据表：防止内联编辑时的 html 元素

Question

防止 html 元素在内联编辑数据表中

    <td class="sorting_1">
      <input type="checkbox"> 
     <i class="fa fa-cubes"></i>
     Text Field
   </td>

数据表编辑器

   $('#dynamic-table').on('click', 'tbody td', function (e) {
    editor.inline(this);
    });

Answer 1

您可以通过多种方式做到这一点。您可以使用 CSS/jQuery 选择器来查找每个 tr 中的第一个 td 元素并从中获取输入元素，并将 jQuery 模糊事件连接到它们以去除不允许的字符（即任何不是字母数字的字符）和/或警告/防止模糊的用户，具体取决于您要如何处理它。您也可以使用向输入元素添加模式属性并提供正则表达式来做同样的事情。