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

Posted bber

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>‘);
  }
}

以上是关于jquery非常好用的选择器nextUnit以及filter的主要内容,如果未能解决你的问题,请参考以下文章

JQuery基本知识选择器事件DOM操作动画

类似 Snapchat 的 jquery 颜色选择器

jQuery

非常easy学习的JQuery库 : 选择器

JQuery用法之-选择器

02 - jQuery选择器以及样式操作