//html
<div class="cartitle">A</div>
<ul class="brand-list brand-list-A">
</ul>
<div class="cartitle">B</div>
<ul class="brand-list brand-list-B">
</ul>
<div class="cartitle">C</div>
<ul class="brand-list brand-list-C">
</ul>
<div class="cartitle">D</div>
<ul class="brand-list brand-list-D">
</ul>
<div class="cartitle">E</div>
<ul class="brand-list brand-list-E">
</ul>
<div class="cartitle">F</div>
<ul class="brand-list brand-list-F">
</ul>
<div class="cartitle">G</div>
<ul class="brand-list brand-list-G">
</ul>
<div class="cartitle">H</div>
<ul class="brand-list brand-list-H">
</ul>
<div class="cartitle">I</div>
<ul class="brand-list brand-list-I">
</ul>
<div class="cartitle">G</div>
<ul class="brand-list brand-list-G">
</ul>
<div class="cartitle">K</div>
<ul class="brand-list brand-list-K">
</ul>
<div class="cartitle">L</div>
<ul class="brand-list brand-list-L">
</ul>
<div class="cartitle">M</div>
<ul class="brand-list brand-list-M">
</ul>
<div class="cartitle">N</div>
<ul class="brand-list brand-list-N">
</ul>
<div class="cartitle">O</div>
<ul class="brand-list brand-list-O">
</ul>
<div class="cartitle">P</div>
<ul class="brand-list brand-list-P">
</ul>
<div class="cartitle">K</div>
<ul class="brand-list brand-list-K">
</ul>
<div class="cartitle">R</div>
<ul class="brand-list brand-list-R">
</ul>
<div class="cartitle">S</div>
<ul class="brand-list brand-list-S">
</ul>
<div class="cartitle">T</div>
<ul class="brand-list brand-list-T">
</ul>
<div class="cartitle">U</div>
<ul class="brand-list brand-list-U">
</ul>
<div class="cartitle">V</div>
<ul class="brand-list brand-list-V">
</ul>
<div class="cartitle">W</div>
<ul class="brand-list brand-list-W">
</ul>
<div class="cartitle">X</div>
<ul class="brand-list brand-list-X">
</ul>
<div class="cartitle">Y</div>
<ul class="brand-list brand-list-Y">
</ul>
<div class="cartitle">Z</div>
$.ajax({
url: url,
type: 'post',
data: {},
header: {
contentType: 'text/json,charset=utf-8'
},
success: function(e) {
//循环赋值
barnd(e);
},
error: function(error) {
console.log("++++++++++++++++", error)
},
})
//js
function barnd(arr) {
var englist = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T",
"U", "V", "W", "X", "Y", "Z"
];
for (var i = 0; i < englist.length; i++) {
var vo = englist[i];
var list = new Array();
list = fun001(vo, arr);
if (list.length > 0) {
var brandList = '';
for (var ii = 0; ii < list.length; ii++) {
var value = list[ii];
brandList += "<li class='brand-item' value=" + value.id + " >";
brandList += "<div class='brand-item-img'>";
brandList += "<img src=" + value.img + " />";
brandList += "</div>"
brandList += "<div class='brand-item-title'>" + value.name + "</div>";
brandList += "</li>";
}
}
$('.brand-list-' + vo).append(brandList)
//vo即ABCDEFG
}
}
function fun001(vo, arr) {
var ar = new Array();
var num = 0;
for (var ii = 0; ii < arr.length; ii++) {
//lnitialletter为数据分组判断依据
if (arr[ii]['lnitialletter'] == vo) {
ar[num] = arr[ii];
num++;
}
}
if (ar) {
return ar;
}
}