从json结果动态地动态应用多个类名

时间:2018-01-21 06:59:08

标签: javascript jquery json jquery-ui

从json响应中获取单个键值中的多个类名。我需要动态绑定这个类名。

我的json结果

[
{
    "categoryId": 1,
    "categoryValue": "Mobiles",
    "divId": "MobilesId",
    "uiClass": "cat-icons cat-mobile"
}]

我具有以下约束价值

<div class="+response[i].uiClass +" />

但它显示为

<div class="cat-icons" cat-mobile/>

我需要如下所示

<div class="cat-icons cat-mobile/>

请帮帮我!!!

1 个答案:

答案 0 :(得分:0)

我没有得到您正在尝试的内容,但这里有一个使用jquery创建div的示例,其中包含您需要的确切类名。这个是您在查询中提到的json对象。剩下的你可以循环它,如果有更多...

$(document).ready(function() {
  var response = [{
    "categoryId": 1,
    "categoryValue": "Mobiles",
    "divId": "MobilesId",
    "uiClass": "cat-icons cat-mobile"
  }];
  var divs = '<div class="' + response[0].uiClass + '" />';
  $("body").append(divs);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
</body>

我只是想将div添加到体内,你可以根据需要改变它。