stockage .each $() valeur variable et l'utiliser

Question

j'ai un tableau sous, et je suis en train de stocker les résultats du tableau sous comme celui-ci à l'intérieur d'une variable.

$.each(abc[0].Phone, function (i, item) { 
    var number = '<p> '+ item.Phone +'</p>'; 
}); 

Je suis en train d'utiliser cette variable dans une autre variable

var temp = '<div class="row">\n\ 
       <div class="col-md-6">\n\ 
       <h4>' + abc[0].FullName + '</h4>\n\ 
        <p>Phone: '+ number +' </p>\n\ 
       </div>\n\ 
      </div>'; 

Je reçois l'erreur numéro n'est pas déclaré

Answer 1

un problème de portée et se lient à l'extérieur de la boucle.

var number = ''; 
    $.each(abc[0].Phone, function (i, item) { 
     number += '<p> '+ item.Phone +'</p>'; // For repeated phone 
    }); 

Et l'utilisation du nombre.

var temp = '<div class="row">\n\ 
       <div class="col-md-6">\n\ 
       <h4>' + abc[0].FullName + '</h4>\n\ 
        <p>Phone: '+ number +' </p>\n\ 
       </div>\n\ 
      </div>'; 

Answer 2

C'est parce que, le nombre variable est uniquement disponible à l'intérieur du fonction et pas dehors! Vérifiez here pour plus d'informations sur la portée des variables en javascript!

Vous devez affecter temp et exécuter les fonctionnalités connexes à l'intérieur de chaque fonction.

var number='' 
$.each(abc[0].Phone, function (i, item) { 

    number =number+ '<p> '+ item.Phone +'</p>'; 
}); 

    var temp = '<div class="row">\n\ 
       <div class="col-md-6">\n\ 
       <h4>' + abc[0].FullName + '</h4>\n\ 
        <p>Phone: '+ number +' </p>\n\ 
       </div>\n\ 
      </div>'; 
$('#dynamic-content').html(temp); 

Hope it helps!