Javascript 将图像添加到自动生成的下拉列表中

我有这个脚本，它使用基于另一个下拉列表的时间 Select 来填充语义UI下拉列表:

  document.addEventListener('DOMContentLoaded', function () {

  const fromDropdown = $('#fromtime');
  const toDropdown = $('#totime');


  fromDropdown.dropdown();
  toDropdown.dropdown();


  fromDropdown.on('change', function () {
    const selectedTimeFrom = fromDropdown.dropdown('get value');
    const timeToMenu = toDropdown.find('.menu');


    timeToMenu.empty();


    if (selectedTimeFrom) {
      const times = [
        '00:00', '00:30', '01:00', '01:30',
        '02:00', '02:30', '03:00', '03:30',
        '04:00', '04:30', '05:00', '05:30',
        '06:00', '06:30', '07:00', '07:30',
        '08:00', '08:30', 
        '09:00', '09:30', '10:00', '10:30',
        '11:00', '11:30', '12:00', '12:30',
        '13:00', '13:30', '14:00', '14:30',
        '15:00', '15:30', '16:00', '16:30',
        '17:00', '17:30', '18:00', '18:30',
        '19:00', '19:30', '20:00', '20:30',
        '21:00', '21:30', '22:00', '22:30',
        '23:00', '23:30',
        // Add more time intervals as needed
      ];

      for (const time of times) {
        if (time > selectedTimeFrom) {
          if (time < '06:00') {
            timeToMenu.append(`<div class="item" data-value="${time}">${time}</div>`);
          } else {
            timeToMenu.append(`<div class="item" data-value="${time}">${time}</div>`);
          }
        }
      }


      toDropdown.dropdown('set selected', timeToMenu.find('.item').first().data('value'));
    }
  });
  toDropdown.on('change', function () {
    const selectedTimeTo = toDropdown.dropdown('get value');
     
    
  });
});

如果时间&lt；06:00在显示时间之前，如何仅在下拉列表中所选项目的旁边添加图像？