javascript - Last item in the array not selected -
in script: last item not selected apply colorme function
var k =0; var userarray = []; var dayarray = []; var dayarray2 = []; var dayarray3 = []; var data = 0; function colorme(param,param_af,param_eve, param2) { /*console.log("day "+param); console.log("user "+param2);*/ //console.log("k= "+k); console.log("data= "+data); userarray.push(param2); //console.log("my "+userarray[k]); dayarray.push(param); dayarray2.push(param_af); //console.log("afternoon "+dayarray2[k]); dayarray3.push(param_eve); //console.log("evening "+dayarray3[k]); //console.log("day "+dayarray[k]); var len = userarray.length; console.log("k= "+k); for(;data < k;data++) { //console.log("data="+ data); var arr = dayarray[data]; var arr2 = dayarray2[data]; var arr3 = dayarray3[data]; $("div.morning_"+userarray[data]+" span").each(function() { if(arr.indexof($(this).attr("class")) > -1) { $(this).css("color","#26f525"); } }); $("div.afternoon_"+userarray[data]+" span").each(function() { if(arr2.indexof($(this).attr("class")) > -1) { $(this).css("color","#26f525"); } }); $("div.evening_"+userarray[data]+" span").each(function() { if(arr3.indexof($(this).attr("class")) > -1) { $(this).css("color","#26f525"); } }); } ** //this identifies last item, can done here apply color on matching string rest? **
if(data == (localstorage.size-1)){ alert("data"+data+" k= "+k+"size= "+localstorage.size+"user= "+param2+"morn= "+param+"aftr="+param_af+"eve="+param_eve); } k++; } t'm trying color last item in array. how do that? here's fiddle: https://jsfiddle.net/axpbe377/2/
html structure
<div id='1'> user 1234 <div class='morning_1234'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='afternoon_1234'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='evening_1234'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> </div> <br/><br/> <div id='2'> user 4455 <div class='morning_4455'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='afternoon_4455'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='evening_4455'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> </div> <br/><br/> <div id='3'> user 9868 <div class='morning_9868'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='afternoon_9868'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='evening_9868'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> </div>
https://jsfiddle.net/axpbe377/3/
<div id='1'> user 1234 <div class='morning_1234'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='afternoon_1234'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='evening_1234'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> </div> <br/> <br/> <div id='2'> user 4455 <div class='morning_4455'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='afternoon_4455'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='evening_4455'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> </div> <br/> <br/> <div id='3'> user 9868 <div class='morning_9868'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='afternoon_9868'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> <div class='evening_9868'> <span>mon</span><span>tue</span><span>wed</span><span>thrs</span><span>fri</span><span>sat</span><span>sun</span> </div> </div> script
var data = [{ user_id: 1234, morning: 'sat,sun', afternoon: 'tue,thrs,sun', evening: '' }, { user_id: 4455, morning: 'thrs,fri,sun', afternoon: 'tue', evening: 'mon' }, { user_id: 9868, morning: 'tue,wed', afternoon: 'tue', evening: 'fri,sun' }]; data.foreach(function(user) { var mornings = user.morning.split(','); var afternoons = user.afternoon.split(','); var evenings = user.evening.split(','); $("div.morning_" + user.user_id + " span").filter(function() { return mornings.indexof(this.innerhtml) > -1; }).css('color', '#26f525'); $("div.afternoon_" + user.user_id + " span").filter(function() { return afternoons.indexof(this.innerhtml) > -1; }).css('color', '#26f525'); $("div.evening_" + user.user_id + " span").filter(function() { return evenings.indexof(this.innerhtml) > -1; }).css('color', '#26f525'); }); if want have function call... https://jsfiddle.net/axpbe377/5/
data.foreach(function(user){ colorme(user.morning, user.afternoon, user.evening, user.user_id); }); function colorme(param, param2, param3, user_id){ var mornings = param.split(','); var afternoons = param2.split(','); var evenings = param3.split(','); $("div.morning_"+ user_id +" span").filter(function(){ return mornings.indexof(this.innerhtml) > -1; }).css('color', '#26f525'); $("div.afternoon_"+ user_id +" span").filter(function(){ return afternoons.indexof(this.innerhtml) > -1; }).css('color', '#26f525'); $("div.evening_"+ user_id +" span").filter(function(){ return evenings.indexof(this.innerhtml) > -1; }).css('color', '#26f525'); }
Comments
Post a Comment