数据属性中的Cookie数组可获取值并显示在DIV中

Question

当我直接调用data / listing.json时，效果很好。

<div data-endfavpoint="data/listing.json" data-expiring-days="3" data-new-days="7" data-brand="" data-property="" data-hide="false" class="component">.....</div>

问题在这里，我想使用JSON.parse调用以JSON格式解析的Cookie数组值，如下所示。但是，由于JSON.parse（$。cookie（'offer'））代码而导致错误。

<div data-endfavpoint="JSON.parse($.cookie('offer'))" data-expiring-days="3" data-new-days="7" data-brand="" data-property="" data-hide="false" class="component">....</div>

请让我知道如何在数据属性内调用JSON.parse（$。cookie（'offer'））并在div中显示值。

Answer 1

由于您使用的是jquery，因此我会在脚本中设置属性：

<script>
    $(document).ready(function(){
        $(".component").attr("data-endfavpoint", $.cookie("offer"));
    });
</script>