Como pegar o valor de uma variavel dentro de outra funcao?

Boa tarde!

Sou novato em java e gostaria de pegar o valor da variável “i” do “for” e exibi-la no alert.

<script type="text/javascript"> 
	var i = 0;
	
	$(document).ready(function() {
		$("#recalcular").click(function() {
			var cp = document.getElementById('cp');
			var count = document.getElementById('count');
			
			for (i = 1; i <= cp.value; i++) {
				var card = $("#card").val();							
				var id_prod = $("#id_prod"+i).val();
				document.getElementById('soma_p'+i).value= 0;
				var soma = 0;
				
				for (x = 1; x <= count.value; x++) {
					var id_rec = $("#id_rec"+x).val();
					var qtd = $("#qtd"+x).val();
					
					$.ajax({  
						url: "recalculo.php?unid="+"<?php echo $_GET['unid']; ?>", 
						dataType: 'html',
						data: {qtd:qtd,card:card,id_prod:id_prod,id_rec:id_rec},
						type: "POST", 
						beforeSend: function() {
							$('#carregando').show();
						},
						success: function(data) {
							//exibir o valor da variavel "i" aqui - aqui está a minha duvida
							alert(i.value);
							$('#carregando').hide();
							$("#resBusca").html('<b>Resultado da busca</b><br /><br/>'+ data );
						},
						error: function(data) {
							$('#carregando').html(data);
						}
					});
				}//for x - cardapios receitas
			}//for i - produtos
		});
	});
</script>

Isso é javascript, não java, fera.

A forma mais adequada é criar uma função e chamar a função dentro do for.

bom dia, Darlan!

Obrigado pela ajuda.

E como faço isso?