jquery非常好用的选择器nextUnit以及filter
1、nextUntil() 获得每个元素所有跟随的同胞元素,但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。参数:
selector | 字符串值,包含指示在何处停止匹配跟随的同胞元素的选择器表达式。 |
filter | 字符串值,包含用于匹配元素的选择器表达式。 |
2、另外还有一个非常好用的filter,可以直接通过函数返回false或者ture来对元素进行过滤,简直好好好用了。
for(var j = 0; j < class_data.length; j++) {
var class_item = class_data[j];
/**********************用到了layui中的laytpl模块**********************/
class_html = laytpl(student_att_class_tpl).render(class_item);
if(typeof grade_arr[class_item.pid] === 'undefined') {
grade_arr[class_item.pid] = '<div class="statictis_status_two_box">'+class_html;
}else {
grade_arr[item.pid] += class_html;
}
}
for(var key in grade_arr) {
/****************索引数组中排出原型链上的属性**************************/
if(grade_arr.hasOwnProperty(key)) {
//给每一项再加上</div>并放入页面列表中
$(".legend_list_sta:eq(" + i + ")").nextUntil(".legend_list_sta",".statictis_status_one")
/********************filter和nextUnit是非常好用的*******************/
.filter(function() {
return $(this).attr('data-id') == key
})
.after(grade_arr[key] + '</div>');
}
}