JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

img{width:50px;}
li{list-style:none;}

JavaScript

// 出力リストを作る
  function create_list( state, img_list_arr ){
		list = `
				<li class="${state}">  
						<ul>${img_list_arr}</ul>	
				</li>
		`;
		return list;
	}
  
  // 出力リストのデータ
  const arr = [
 		{  
        state: 'open',
        pass: ['thumb/RED19428E011_TP_V.jpg','nothing']
    },
   	{  
        state: 'close',
        pass: ['nothing','thumb/058Kazukiya17103_TP_V1.jpg']
    }  
  ];
	
  // 出力リストにデータを入れる
	function output( arr ) {
		let result = [];
		for(key in arr){
    	const state = arr[key].state;
      const pass_arr = arr[key].pass;
			let img_list_arr = [];
			$.each(pass_arr, function(i, v) {
				if( v=='nothing' ){
					img_list_arr.push('<li>nothing</li>');
				}
				else{
					img_list_arr.push('<li><img src="https://www.pakutaso.com/shared/img/'+v+'"></li>');
				}
			});      
      result.push( create_list( state, img_list_arr ) );
		}
    return result;
  }
  
  // リストを出力
  $('div').html( output(arr) );