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

Question

I have a global variable "theClass" that I try to assign the contents of a DOM element after a click event has occurred, then I try to use it on another page, but it's not even being assigned in the first place! This' the code, that returns ' false' in the console. I'm using 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

Going by your code, I am assuming by another page you actually mean another place in your code. Your console log gets fired in the ready function, however, you are setting/updating the values in a function. Hence, your logging will not show result as expected.

You can try logging in the event based function only. And will see that the first log gives default values and then subsequent clicks give updated values.

You can try something like following

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

});

Answer 2

If you trying to set any value in global variable then it is valid in particular session,when I try to use it on another page then variable got initialize with global value as false.

Prefer below post for finding a another way.

How can I pass values from one html page to another html page using javascript