jquery非常好用的选择器nextUnit以及filter

Posted 2021-01-06 bber

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>‘);

　　}

}