JavaScript 变量赋值

Question

完全困惑为什么下面的 javascript 没有按预期分配变量

也许我因为连续盯着几个小时而错过了一些非常简单的东西!!

感谢任何帮助。

干杯

var $name;
var $district;
var $distance;
var myArray = [];

jQuery('.getrowdata').on('click', function(){   
  var $row = jQuery(this).closest('tr');
  var $columns = $row.find('td');
  var value;
  jQuery.each($columns, function(i, item){
    value = item.innerHTML;
    if(i < 3){
      myArray.push(value); // adds first 3 elements to the array
    }       
  }
);

$name = myArray[0]; // trying to set value of these variables to value of array element
$district = myArray[1];
$distance = myArray[2];

alert(myArray.join(",  ")); // this works - displays data as expected !!

});

document.write($name);   // these don't work - print out as undefined ?
document.write($district); 
document.write($distance); 

Answer 1

变量未定义，因为它们仅在调用“click”事件处理程序后才具有值。

尝试将 document.write 语句移至“click”处理程序中:

jQuery('.getrowdata').on('click', function() {

   ...

   document.write($name);
   document.write($district); 
   document.write($distance);
});