Jquery .append（taghtml）可确保始终将td添加到tr元素，而不是tbody

您可以将以下内容添加到

appendToTagstable

函数中

它只计算最后一个

tr

中的项目，然后如果有4个，它将添加另一个项目

var items = $("#tagstable tbody tr").last().children().length;
if(items === 4)
{
  $("#tagstable tbody").append('<tr></tr/>');
}

var items=$（“#tagstable tbody tr”）.last（）.children（）.length；
如果（项目===4）
{
$（“#标记体”）。附加（“”）；
}

此外，该函数中的行

$（“#tagstable tbody”）.append（taghtml）

应更改为

$（“#tagstable tbody tr”）.last（）.append（taghtml）

可以确保始终向

tr

元素添加

td

，而不是tbody

尝试以下操作

var myarray=[“A”、“B”、“C”、“D”、“E”、“F”]
$（文档）.ready（函数（）{
函数重载（）{
var html=''
对于（var i=0；i

添加新字母表
试试这个
var myarray=[“A”、“B”、“C”、“D”、“E”、“F”]
$（文档）.ready（函数（）{
函数重载（）{
var html=''
对于（var i=0；i

添加新字母表
Hi，你能检查一下这个吗Hi，你能检查一下这个吗
<table class="table" id="tagstable">
   <tbody>

   </tbody>
</table>

var myarray = ["A", "B", "C", "D", "E", "F", "G", "H"]
$(document).ready(function()
{
        var html = ''
        for (var i = 0; i < myarray.length; i++)
        {
                html += '<td><label class="mt-checkbox mt-checkbox-outline"><input type="checkbox" class="chkclass">' + myarray[i] + '<span></span></label></td>';
                if ((i + 1) % 4 == 0) html += '</tr><tr>';
        }
        $("#tagstable tbody").append('<tr>' + html + '</tr>');
});

if ((i + 1) % 4 == 0) html += '</tr><tr>';

function appendToTagstable()
{  
    if($('#tagstable tbody tr:last').find('td').length > 3){ //check if tr already has 4 td's
      $('#tagstable tbody').append('<tr></tr>'); // add new tr as the old one already has 4 td's in it
    }   

    var taghtml = '';
    taghtml = '<td><label class="mt-checkbox mt-checkbox-outline"><input type="checkbox">I<span></span></label></td>';
    $('#tagstable tbody tr:last').append(taghtml); //append td to last tr
    return false;
}

 var counter = 0;
function appendToTagstable() {
    var taghtml = '';
    counter ++ ;
    taghtml = '<td><label class="mt-checkbox mt-checkbox-outline"><input type="checkbox">I<span></span></label></td>';
     $("#tagstable tbody").append(taghtml);
    if(counter% 4 == 0) {
        $("#tagstable tbody").append("</tr><tr>");
    }

    return false;
 }

var items = $("#tagstable tbody tr").last().children().length;
if(items === 4)
{
  $("#tagstable tbody").append('<tr></tr/>');
}