附加到特定div的动态变量

Question

我有几个div在一个页面上有一个类。

<div class="main"/> <div class="main"/> <div class="main"/> ...

我需要使用布尔值true或false将变量附加到每个div，具体取决于对此div的单击。所有这些变量都应该有一个默认的false值，如果我点击某个div，那么附加到这个div的变量的值应该变为true。我不知道它们会在页面上动态显示多少div，因此变量应根据页面上这些div的数量附加，并且它们必须具有全局范围，以便我将来可以修改它们。欣赏你的所有想法。谢谢！

Answer 1

您可以使用data()方法实现此目的：

$(document).ready(function() {
    $("div").data("yourKey", false).click(function() {
        $(this).data("yourKey", true);
    });
});

Answer 2

的解决方案： 的

   $("div.main").click(function(){
    if($(this).html()=='false')
    {
    $("this").html('true');
    }
    else
   {
   $("this").html('false');
   }

    });