请帮助,我对Ajax,Jquery不熟悉 这是我的数据:
MenuID MenuName SubMenuName
1 Menu1 SubMenu1
4 Menu4 SubMenu4
4 Menu4 SubMenu5
4 Menu4 SubMenu6
这是我的代码:
success: function (data) {
for (var i = 0; i < data.length; i++) {
var card_menu = $('#id_card');
var html = '';
html = ''
+ '<div class="col-xl-4 col-sm-6 mb-4">'
+ '<div class="card text-white bg-success o-hidden h-100">'
+ '<div class="card-body">'
+ '<div class="card-body-icon">'
+ '<i class="' + data[i].csMenuCss + '"></i>'
+ '</div>'
+ '<div class="mr-5">' + data[i].csMenuName + '</div>'
+ '</div>'
+ '<a class="card-footer text-white clearfix small z-1" href="#">'
+ '<span class="float-left"> ' + Show Here Sub Menu + ' </span>'
+ '<span class="float-right">'
+ '<i class="fa fa-angle-right"></i>'
+ '</span>'
+ '</a>'
+ '</div>'
+ '</div>';
card_menu.append(html);
}
},
我已经在网上搜索了,但是我得到了任何答案, 我想这样向Div展示 谢谢:)
Menu1
- Menu1
Menu4
- Menu4
- Menu5
- Menu6
答案 0 :(得分:0)
我刚刚找到了答案。
success: function (result) {
var card_menu = $('#id_card');
var html = '';
var html1 = [];
var html2 = '';
var html3 = '';
html = ''
+ '<div class="col-xl-4 col-sm-6 mb-4">'
+ '<div class="card text-white bg-success o-hidden">'
+ '<div class="card-body">'
+ '<div class="card-body-icon">'
+ '<i class="' + '' + '"></i>'
+ '</div>'
+ '<div class="mr-5">' + result[0].csMenuName + '</div>'
+ '</div>';
for (var j = 0; j < result.length; j++) {
html1[j] = ''
+ '<a class="card-footer text-white clearfix small z-1" href="' + 'hris/' + result[j].csMenuUrl + '/' + result[j].csSubMenuUrl + '.aspx' +'">'
+ '<span class="float-left">' + result[j].csSubMenuName + '</span>'
+ '<span class="float-right">'
+ '<i class="fa fa-angle-right"></i>'
+ '</span>'
+ '</a>';
**"it shows here"**
}
html2 = ''
+ '</div>'
+ '</div>';
html3 = html + html1 + html2;
card_menu.append(html3);
}
我有一个小问题,<a> </a>
之后显示“”
任何人都可以帮助我如何删除它?