Javascript С；仅为一个块调用函数，而不是为整个文档调用函数

我第二次调用函数pass_dir将内容放入块'.id23'。但是，由于我调用此函数将内容放入块“.id12”中，所以当前调用会复制内容。如何仅为块而不是文档调用函数

let neighbourhoods = ['n1', 'n2', 'n3'];

content_dir1 = '';
function past_dir(numth){       
        for (let j in neighbourhoods) {
            content_dir1 += `<div">
                               <input id="${numth}${j}" type="checkbox" />
                               <label for="${numth}${j}"><span>${neighbourhoods[j]}</span></label>
                            </div>`;                                          
                }
        return  content_dir1;               
    }
  
  let direction1 = past_dir('neighb1');
  let direction2 = past_dir('neighb2');
    
    $('.id12').html(direction1);    
    $('.id23').html(direction2)

让邻域=['n1'，'n2'，'n3']；
内容1=“”；
函数过去_dir（numth）{
对于（让j进入邻里）{
content_dir1+=`您使用了一个全局变量，因此一直附加到它，而不清除它

content_dir1 = '';
function past_dir(numth){ 

应该是

function past_dir(numth){  
  var content_dir1 = '';

因此，现在每次运行函数时，您都可以从一个干净的字符串开始，您可以附加到该字符串


让邻域=['n1'，'n2'，'n3']；
函数过去方向（numth）{
var内容_dir1=''；
对于（让j进入邻里）{
内容_dir1+=`
${邻里[j]}
`;
}
返回内容_dir1；
}
let direction1=过去的_dir（'neighb1'）；
let direction2=过去的_dir（'neighb2'）；
$（'.id12'）.html（方向1）；
$（'.id23'）.html（方向2）；
.block{
利润上限：20px
}
您使用了一个全局变量，因此一直附加到它，而不清除它

content_dir1 = '';
function past_dir(numth){ 

应该是

function past_dir(numth){  
  var content_dir1 = '';

因此，现在每次运行函数时，您都可以从一个干净的字符串开始，您可以附加到该字符串


让邻域=['n1'，'n2'，'n3']；
函数过去方向（numth）{
var内容_dir1=''；
对于（让j进入邻里）{
内容_dir1+=`
${邻里[j]}
`;
}
返回内容_dir1；
}
let direction1=过去的_dir（'neighb1'）；
let direction2=过去的_dir（'neighb2'）；
$（'.id12'）.html（方向1）；
$（'.id23'）.html（方向2）；
.block{
利润上限：20px
}
只需清除函数中的内容：


让邻域=['n1'，'n2'，'n3']；
内容1=“”；
函数过去_dir（numth）{
内容1=“”；
对于（让j进入邻里）{
内容_dir1+=`
${邻里[j]}`；
}
返回内容_dir1；
}
let direction1=过去的_dir（'neighb1'）；
let direction2=过去的_dir（'neighb2'）；
$（'.id12'）.html（方向1）；
$（'.id23'）.html（方向2）；
.block{页边距顶部：20px}
只需清除函数中的内容：


让邻域=['n1'，'n2'，'n3']；
内容1=“”；
函数过去_dir（numth）{
内容1=“”；
对于（让j进入邻里）{
内容_dir1+=`
${邻里[j]}`；
}
返回内容_dir1；
}
let direction1=过去的_dir（'neighb1'）；
let direction2=过去的_dir（'neighb2'）；
$（'.id12'）.html（方向1）；
$（'.id23'）.html（方向2）；
.block{页边距顶部：20px}
变量
content\u dir1
不应是全局变量。每次调用函数
pass\u dir（）
时，您都会使用
+=
添加到变量中。
+=
只要变量
content\u dir1
在函数中定义即可


让邻域=['n1'，'n2'，'n3']；
函数过去方向（numth）{
让content_dir1=''；
对于（让j进入邻里）{
内容_dir1+=`
${邻里[j]}`；
}
返回内容_dir1；
}
let direction1=过去的_dir（'neighb1'）；
let direction2=过去的_dir（'neighb2'）；
$（'.id12'）.html（方向1）；
$（'.id23'）.html（方向2）；
.block{
利润上限：20px
}
变量
content\u dir1
不应是全局变量。每次调用函数
pass\u dir（）
时，您都会使用
+=
添加到变量中。
+=
只要变量
content\u dir1
在函数中定义即可


让邻域=['n1'，'n2'，'n3']；
函数过去方向（numth）{
让content_dir1=''；
对于（让j进入邻里）{
内容_dir1+=`
${邻里[j]}`；
}
返回内容_dir1；
}
let direction1=过去的_dir（'neighb1'）；
let direction2=过去的_dir（'neighb2'）；
$（'.id12'）.html（方向1）；
$（'.id23'）.html（方向2）；
.block{
利润上限：20px
}

因为您将内容\u dir1设置为全局，所以将其移动到函数内。因为您将内容\u dir1设置为全局，所以将其移动到函数内。