If its possible with pure CSS, its possible with Sass. This will work with any number of colors: http://codepen.io/cimmanon/pen/yoCDG $colors: red, orange, yellow, green, blue, purple; @for $i from 1 through length($colors) { li:nth-child(#{length($colors)}n+#{$i}) { background: nth($colors, $i) } } Output: li:nth-child(6n+1) { background: red; } li:nth-child(6n+2) { background: orange; } li:nth-child(6n+3) { background: yellow; … Read more
Your test is too heavy to really determine the actual difference between the three looping options. If you want to test looping, then you need to do your best to remove as much non-related work from the test as possible. As it stands, your test includes: DOM selection DOM traversal element mutation All of those … Read more
Array#each takes an array and applies the given block over all items. It doesn’t affect the array or creates a new object. It is just a way of looping over items. Also it returns self. arr=[1,2,3,4] arr.each {|x| puts x*2} Prints 2,4,6,8 and returns [1,2,3,4] no matter what Array#collect is same as Array#map and it … Read more
Try <option value=”{{id}}”>{{title}} {{../externalValue}}</option> The ../ path segment references the parent template scope that should be what you want.
Use deferred objects: $(“#form”).submit(function(e){ e.preventDefault(); var calls = []; $(“.friendName[value!=”]”).each(function(){ // Submit the ajax request calls.push($.ajax({ type: ‘POST’, url: ‘ajax/url’, data: { name: name, email: email }, success: function(json) { // Log a console entry if our ajax request was successful console.log(name + ” was submitted via ajax”); } })); }); $.when.apply($, calls).then(function() { window.location= … Read more
Because when you use a return statement inside an each loop, a “non-false” value will act as a continue, whereas false will act as a break. You will need to return false from the each function. Something like this: function findXX(word) { var toReturn; $.each(someArray, function(i) { $(‘body’).append(‘-> ‘+i+'<br />’); if(someArray[i] == word) { toReturn … Read more
It’s probably to late but i think this code work… $blocks.each(function(i, elm) { $(elm).fadeOut(200, function() { $(elm).remove(); }); }).promise().done( function(){ alert(“All was done”); } );
I added this as a comment but now that I have read it correctly and answered my own question this would probably work: function positionCards() { var $cards = $(‘#gameboard .card’); var time = 500; $cards.each(function() { setTimeout( function(){ addPositioningClass($(this)); }, time) time += 500; }); }
This is the only difference: each: irb> [1,2,3].each { |x| } => [1, 2, 3] irb> x NameError: undefined local variable or method `x’ for main:Object from (irb):2 from :0 for: irb> for x in [1,2,3]; end => [1, 2, 3] irb> x => 3 With the for loop, the iterator variable still lives after … Read more
You can pass this to each block. See here: http://jsfiddle.net/yR7TZ/1/ {{#each this}} <div class=”row”></div> {{/each}}