如何更新包含在函数中更新的另一个变量的全局变量

Question

如何将函数中变量的内容插入到全局变量的末尾。

所以基本上链接这个  "link21 = '<div class="gohome"></div>' + back;"但是如果点击的话，我需要在这个全局变量中更新后面的变量。

以下是我目前的代码：

   back = 'declaring';
   link21 = '<div class="gohome"></div>' + back;  /// This is a global variable
   link22 = '<div class="start"></div>' + back;  /// This is the global variable

   $(document).on('click', '.inter [class]', function () {
   id = 'test';     
   back = '<div id="' + id + '"></div>';  /// this is the function variable

   });

在此函数结束时，link21全局变量应该等于

"<div class="gohome"></div><div id="test"></div>"

和link22全局变量

"<div class="start"></div><div id="test"></div>"

但他们最终看起来像"<div class="gohome"></div>declaring"。

请注意以下事项：

还有很多链接变量。 link23，link24。等等。所以基本上我需要将后面的变量内容插入到很多变量的末尾。

Answer 1

如果我正确理解您的问题，问题是您已经} link21事件发生前已初始化link22和click 。更改back的值不会影响这两个变量。在click处理程序中，您需要再次更新每个处理程序。类似的东西：

   link21 = '<div class="gohome"></div>';
   link22 = '<div class="start"></div>';

   $(document).on('click', '.inter [class]', function () {
      var id = 'test';     
      var back = '<div id="' + id + '"></div>';  /// this is the function variable

      link21 += back; // Append local back variable to the end
      link22 += back;

   });