1. 程式人生 > >jquery非常好用的選擇器nextUnit以及filter

jquery非常好用的選擇器nextUnit以及filter

cto 選擇 參數 索引 頁面 gen 指示 length per

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