Javascript For循环只输出最后一个元素

抱歉，如果重复，但似乎无法在任何地方找到正确答案： 在console.log中，输出是正确的，但在屏幕上仅显示数组的最后一个元素

    {id: 3, naam: "Besured", type: "Voor alle pakketten geldt:, Ready-2-go ,Love-2-move, Alles-in-1 ", vergoeding:"Registratie bij koepel vereist , Geen vergoeding, Geen vergoeding, 80% tot € 200 per jaar maximaal € 50 per consult"},

            var string = test[i].type;
            var thisString = string.split(",");


        for(var j=0; j<thisString.length;j++){
                console.log(thisString[j]);
                $('.first')[0].innerHTML = thisString[j];
                $('.second')[0].innerHTML = thisString[j];
                $('.third')[0].innerHTML = thisString[j];
                $('.fourth')[0].innerHTML = thisString[j];
            }

你的评论说

我需要在数组的第一个元素的第一个类中，第二个 二等品等

然后试试看

    $('.first').html( trimStr( thisString[0] ) ); 
    $('.second').html( trimStr( thisString[1] ) );
    $('.third').html( trimStr( thisString[2] ) );
    $('.fourth').html( trimStr( thisString[3] ) );

function trimStr( input ) {

    if (typeof input === 'undefined' || input == null) 
    {
        input =  "";
    }

    return input.trim();
}

---

很明显，当你把某个东西设为一个值，然后马上把它设为另一个值时，就会发生这种情况。你希望它做什么。。。？！我想在第一个类中显示数组的第一个元素，在第二个类中显示第二个元素，等等。$'。第一个'[0]。innerHTML=thisString[0]；$'。第二个“[0]。innerHTML=thisString[1]。。。看，妈妈，没有回路！但是并不是所有的都被填满了，如果它是空的，我就不想输出它。如果我做了+=它会显示每个类中数组中的所有项。我需要在第一个类的数组的第一个元素中，在第二个类的第二个项中等等，但不是全部填充，如果它是空的，我不想输出它。@ElonGielink即使它是空的，你的元素的innerHTML也将保持为空。所以不用担心空的elements@Elon那么，在某处插入if thisString[0]以检查是否要输出它。真的，为了得到一个更优化的方法，从而产生优雅的代码，我们需要知道你到底想从这里开始做什么。如果我这样做，它会说是未定义的，因为数组中没有元素如果有3个元素，我称为7个元素，不是所有数组都是等长的，这就是我使用array.length的原因