javascript - 我如何将 DOM 元素的 html 分配给我的全局变量？

Question

我有一个全局变量“theClass”，我尝试在发生点击事件后分配 DOM 元素的内容，然后我尝试在另一个页面上使用它，但它甚至没有被分配!这是在控制台中返回“false”的代码。我正在使用 jQuery。

var theClass = '';
var getCategories = false;

$(document).ready(function(){

  $(document).on("click", ".nav li a", function() {
    theClass = $(this).html();
    getCategories = true;
  });

  console.log(theClass+" "+getCategories);
});

Answer 1

根据您的代码，我假设另一个页面实际上是指代码中的另一个位置。您的控制台日志在 ready 函数中被触发，但是，您正在函数中设置/更新值。因此，您的日志记录将不会按预期显示结果。

您可以尝试仅登录基于事件的功能。并将看到第一个日志给出默认值，然后后续点击给出更新值。

您可以尝试以下操作

 $(document).on("click", ".nav li a", function() {
console.log(theClass+" "+getCategories);
theClass = $(this).html();
getCategories = true;

});