javascript - 如何在 jquery 中循环第二个元素？

Question

这是我的事件对象

let aEvents = [{
  id: '1',
  location: 'asd',
  dates: '2019-12-21 16:00:00-2019-12-21 17:30:00',
  position: '3',
  status: true,
  sessions: [{
    id: '1',
    text: 'Random text',
    startEndDate: '2019-12-21 16:00:00 - 2019-12-21 17:30:00'
  }, {
    id: '2',
    text: 'Random text 2',
    startEndDate: '2017-12-21 16:00:00 - 2019-12-21 17:30:00'
  }]
}];

我有这个函数可以接收我的aEvents。通过附加功能，我改变了一些 html 内容。我还将结果打印在 foreach 内的表中，以便为每个事件创建一个新表。问题来了我想访问 session 。我怎样才能做到这一点？

 addEvents = function () {
      let events = this.myEvents;
      let checkedEvents = [];
      let that = this;

      var content = this.$('#eventsBox');
      content.find('event-container').remove();

      this.$('#check-list input:checked').each(function() {
        checkedEvents.push(that.$(this).data('index'));
        let index = that.$(this).data('index');

        content.find('#events-content').append(`
          <div class="event-container">
            <div class="row">
              <div class="col-12">
                <table class="table" id="eventT">
                  <thead>
                    <tr>
                      <th scope="col">ID</th>
                    <tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>
                        ${events[index].id}
                        // How can i acces the sessions[index] to print all of them
                        ${events[index].sessions[index].id}
                      </td>
               ...

Answer 1

您需要再添加一个循环来循环 session 。目前您正在使用不正确的 session 外部索引。