Question

我有以下html /脚本：

<div id="firstDiv" class="first">1
    <input type="checkbox" />
</div>
<div id="secondDiv" class="second">2
    <input type="checkbox" />
</div>
<button class="1st">show 1st</button>
<button class="2nd">show 2nd</button>

JS：

localStorage.clear();

$(document).on('click', ':checkbox', function () {
    var div = $(this).closest("div").attr("id");
    if ($(this).is(':checked')) {
        $(this).closest("div").addClass('hilight marked');
        localStorage.setItem(div, true);
    } else {
        $(this).closest("div").removeClass('hilight marked');
        localStorage.setItem(div, false);
    }
});

$(".1st").on('click', function () {
    if (localStorage.getItem("firstDiv") == "true") {
        $(".first").closest("div").addClass('hilight');
    }
    $(".second").css('display', 'none').removeClass('hilight');
    $(".first").css('display', 'block');
});

$(".2nd").on('click', function () {
    if (localStorage.getItem("secondDiv") == "true") {
        $(".second").closest("div").addClass('hilight');
    }
    $(".first").css('display', 'none').removeClass('hilight');
    $(".second").css('display', 'block');
});

我正在创建一个“var”来获取div的Id并将其设置在LocalStorage上。之后我告诉我的js如果它在存储中有“firstDiv”项，添加一个“hilight”类。

我的问题是：我不确切知道div的ID是什么，因为它是由我的后端系统（java）随机生成的。

有什么建议吗？ http://jsfiddle.net/b4KgV/11/

列出数组变量id随机生成

0 个答案: