可以在追加到 DOM 时添加循环

Possible to add a loop while appending to the DOM?

本文关键字：添加 循环 DOM 追加      更新时间：2023-09-26

我正在将一些信息附加到 DOM 中，但意识到我需要的一些信息嵌套在对象中。当我执行以下代码时，循环中的部分返回为未定义。有没有办法迭代并提取此信息，以便我可以将其附加到我的页面：

function placeOnPage(allStopsWithRoutes){
  allStopsWithRoutes.forEach(function(stop){
    $('#stops').append("Stop: " + stop.crossStreets + "<br>" +
        // LOOP HERE
        stop.routes.forEach(function(route){
        "Bus Name: " + busName + "<br>" + 
        "Stops Away: " + stopsAway + "<br>" +
        "Destination: " + destination + "<p>"
        });
        // END LOOP
      );
  });
}

我不认为字符串可以这样连接。更改您的方法以事先连接并将其存储在变量中。然后附加变量

function placeOnPage(allStopsWithRoutes) {
    allStopsWithRoutes.forEach(function(stop) {
        var concatenatedStr = '';
        stop.routes.forEach(function(route) {
            concatenatedStr += ("Bus Name: " + busName + "<br>" +
                "Stops Away: " + stopsAway + "<br>" +
                "Destination: " + destination + "<p>");
        });
        $('#stops').append("Stop: " + stop.crossStreets + "<br>" + concatenatedStr);
    });
}
相关文章：