Question

我试图找出如何使用jQuery限制表格单元格中的字符数。我已经找到了限制文本框中字符的方法，但这并不起作用。先感谢您。下面显示的代码是什么为我的表创建一个新行以及我试图将其限制为30个字符以及它当前的样子。

JQuery的

let category = $("#categoryNameInsert");
let weight = $("#weightInsert");
$("#categoryInsertButton").click(function(){
    let markup2 = "<tr><td contenteditable=\"true\" class=\"categoryName\"></td><td contenteditable=\"true\" class=\"gradeName\"></td><td>Click to edit</td></tr>";
    $("#addCategoryTable").append(markup2);
});
$(document).ready(function() {
    $('categoryName').each(function() {
        let td = $(this);
        td.text(td.text().substring(0, 50));
        });
    });
});

HTML

<div id="addCategory"
  <h5 id="addCategoryHeader">Add a grade category</h5>
  <table id="addCategoryTable">
  <tr>
    <th>Category</th>
    <th>Weight(%)</th>
    <th><button id="categoryInsertButton">Add Category</button></th>
  </tr>
  </table>
</div>

当你按下添加类别弹出一个新的空行时，你可以编辑单元格，这就是我试图限制字符的内容。 Image of problem table Another image of problem

Answer 1

不是$('categoryName')，而是$('.categoryName')。注意名称前面的点。这通知这是class。您的.each()不适用于任何内容，因为您使用了错误的选择器。

如何使用jquery限制单元格中的字符数

1 个答案: