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>');
  }
}
posted @ 2018-09-16 12:36  H-bber  阅读(278)  评论(0编辑  收藏  举报