使用JS动态添加图标

Question

我在页面上有一个响应式标签部分（改为移动视图的手风琴），由JS控制。使用脚本动态创建选项卡，这些选项都很有效。我现在遇到的问题是我需要在每个标题下添加一个图标。如果我将文件icon-1，icon-2，icon-3等命名为与正在创建的列表项一致，是否还有一种方法可以调用图标图像以及标题文本？

这是关于创建选项卡列表标题的脚本部分：

＆＃13;

＆＃13;

var $tabListItem = $('<li/>', { 
  'class': 'responsive-tabs__list__item',
  id: 'tablist' + tablistcount + '-tab' + tabcount,
  'aria-controls': 'tablist' + tablistcount +'-panel' + tabcount,
  'role': 'tab',
  tabindex: 0,
  text: $tabHeading.text(),
  keydown: function (objEvent) {
  
  if (objEvent.keyCode === 13) { // if user presses 'enter'
	  $tabListItem.click();
		}
},

＆＃13;

＆＃13;

＆＃13;

如果需要，我可以添加整个脚本和页面代码。

提前致谢。