Question

我有一个大的JSON文件，它本质上是一个充满元素的巨大数组。使用jQuery，我想将此JSON文件加载到HTML页面，将其转换为可使用HTML访问的HTML对象或表。执行此操作后，我将在此HTML页面上创建多个DIV，并使用圆角来模拟条形图。根据存储在服务器上的当前JSON数据，这些DIV的高度是否会动态变化？我怎么能做到这一切？我只需要知道如何加载JSON数据，转换JSON数据，以及如何根据这些数据更改DIV。下面是JSON数据和示例DIV代码的示例。

换句话说，我希望DIV的高度类似于“height：data [1] .key1;”

JSON示例：

  data: 
   [ { name: 'average',
       key1: x,
       key2: y,
       key3: z },

HTML div示例：

<div style="    margin: 0px auto 10px;
            padding: 4px;
            opacity: 1; border: 1px solid rgb(0, 0, 0);
            box-shadow: 0px 0px 1px rgb(0, 0, 0) inset;
            color: rgb(255, 235, 124);
            float: left;
            width: 0px;
            height: data[1].key1;
            background: #222222;
            left: 55px; 
            position: absolute; 
            top: 259px;
            border-radius: 0px 0px 0px 0px;" class="pane">
</div>

Answer 1

使用jQuery，您可以执行以下操作：

$('.divSelector').css({ 'height': data[1].key1 + 'px' });

HTML / jQuery：HTML DIV是否根据JSON数据动态变化？

1 个答案: