ajaxの中の値をajaxの外で使いたい

Question

ajaxの中.doneの中にif文があり、displayに条件によって代入しています。
このdisplayの値はajaxの外（styleタグ）で使いたいのですが、
ajaxの外ではこの値は何も入らなくなってしまいます。
何かいい方法はありますでしょうか？

cb += '<span class="cond-checkbox" style="' + display + '"></span>";

をajaxの中に入れるしかないのでしょうか？

var display = "";
var cb ="";


	    	$.ajax({
		        headers: {
		            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		        },
		        type: 'post',
		        url: _url + 'ajax/ItemList',
		        dataType: 'json',
		        data: '',
	        }).done(function (result, textStatus, jqXHR) {
		 		var result_data = result.Data;
				$.each(result_data, function(ind, ele){
					if(ele["item_search_flg"] == 1){
						display = "display:none";
					} else {
						display = "";
					}
				});
	        }).fail(function (data, textStatus, xhr) {
		    });

	            $.each(item_id(data)[keys[n]],
	                function (ind, val) {
	                		cb += '<span class="cond-checkbox" style="' + display + '"></span>";

	                }

	            );

            cb += '</td></tr>';
        }

Answer 1

あくまで非同期なので、終了を待たずに次の処理があれば実行されます。

async:falseで実行するか、waitさせてみてください。
参考

Answer 2

ajaxでデータ取得を完了しないかぎり所定の箇所になにかを
反映させることはできないわけですから、普通はajaxのdoneで
処理します
（その他whenを使ったりdefferedしたりやり方はいくつかありますが）