从 json 结果动态应用多个类名
Posted
技术标签:
【中文标题】从 json 结果动态应用多个类名【英文标题】：dynamically apply multiple class names dynamically from json result 【发布时间】：2018-06-30 01:43:11 【问题描述】：从 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/>
请帮帮我！！！
【问题讨论】：
您能否添加更多类似于创建 的内容。请尝试添加更多代码以正确解释。 $.ajax( url: 'myurl', type: 'GET', dataType: 'json', // contentType: "application/json;", success: function (response) for （var i 响应） var template ="" $('#allItems').a1ppend(template); ); 你使用的是 jquery 还是一些框架？$.ajax( url: 'myurl', type: 'GET', dataType: 'json', // contentType: "application/json;", success: function (response) for (var i in response) var template ="<div class="+ response[i].uiclass+">" $('#allItems').a1ppend(template); )
$.ajax( url: 'myurl', type: 'GET', dataType: 'json', // contentType: "application/json;", success: function (response) for (var i in response) var template ="<div class='"+ response[i].uiclass+"'>"; $('#allItems').append(template); );
【参考方案1】：
我没有完全了解您想要做什么，但这里有一个使用 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，您可以根据需要更改它。
【讨论】：
但它会创建 div 类，如：<div class="cat-icons" cat-mobile /> 我需要类名，如 <div class="cat-icons cat-mobile' />
等等..什么？我没听懂。
它正在创建您所要求的...在开发人员模式下检查它。
<div class="cat-icons cat-mobile' /> 或 <div class="cat-icons cat-mobile" />以上是关于从 json 结果动态应用多个类名的主要内容，如果未能解决你的问题，请参考以下文章
使用 Sql Server 2016 的 OPENJSON 函数从 Json 文档中的多个数组元素中选择结果